r/identifythisfont • u/Valen_Celcia • Jun 22 '22
Guides Web Font Finding Tips.
I've seen a small influx of folks taking screenshots of websites and asking what font they're looking at or have highlighted, so let's go ahead break down some basics:
If you are on a website and the font is able to be highlighted, it is in the code of the website and it will call the font, usually a WOFF file, to come into existence. It will also tell you the settings, if there are any, that have been applied to the font. If the font is not "highlight-able", it is embedded in an image and will need to be identified. Below are the "hacks" to find them:
FIREFOX
- Highlight the text.
- Right click and go to "Inspect".
- If your dock is on the right side, click the 3 dots on the top and dock it to the bottom.
- On the right side, you'll see "Layout" highlighted for the third column. If you browse over on that line, you will see "Fonts". Click on "Fonts".
- You should see the font of the selected text and its settings on your browser: Size, Line Height, Spacing, Weight, and Italics.
- Underneath that, you will see a dropdown for "All Fonts on Page." Click on this to find other fonts that are currently embedded in the page. Fonts marked "System" are generally installed on your pc/browser already. Anything with a link underneath are fonts that are being fed to you through the page.
If you want to find another font and its settings on the page itself, go to the element highlighter on very top left of the element panel (square icon with a mouse) and highlight the element that you want to look at, or you can highlight the text as before, right click, repeat the steps.
CHROME / EDGE
- Highlight the text.
- Right click and go to "Inspect"
- If your dock is on the right side, click on the 3 dots on the top and click the icon to dock it to the bottom.
- On the right side, you'll see "Styles" highlighted in the second column. If you browse over on that line, you'll see "Computed". Click on "Computed".
- In "Filter", below the box diagram, type in "font". This will bring up the font and its settings. Clicking on the dropdowns show you where it inherits each setting in the code.
Unlike Firefox, you will need to highlight text individually on the page to see its attributes/font style. You can also use the element highlighter on the very top left of the element panel (Icon with a Square and a mouse pointer) to pick another piece of text.
ADDONS / EXTENSIONS
Let's say you don't want to have the crazy hassle of looking this stuff up, especially on Chromium-based browsers. Wat do? There are some wonderful add-ons and extensions for this exact work for folks that love design/finding fonts just as much as you and I.
FIREFOX
Fonts Ninja - Download - This font extension is great. Not only does it show the fonts on the page, you can also preview text, bookmark fonts for later while brainstorming, and you can find out where to buy them or download for a free trial. It's a fantastic tool if you come across fonts on a regular basis or need to know exact settings. Hover over text on the page while the extension is open for specifics on that particular text.
WhatFont - Download - Simplified font identifier tool that conveniently tells you what font you are hovering over. Click on the font to display a small summary of what its attributes are.
Font Finder (Revived) - Download - Font Finder lets you click on the icon, then click on the font of your choice and displays the results on a separate page so that you can have the results with you at all times.
CHROME
Fonts Ninja - Download - This font extension is great. Not only does it show the fonts on the page, you can also preview text, bookmark fonts for later while brainstorming, and you can find out where to buy them or download for a free trial. It's a fantastic tool if you come across fonts on a regular basis or need to know exact settings. Hover over text on the page while the extension is open for specifics on that particular text.
Font Finder - Download - Font Finder lets you click on the icon, then click on the font of your choice and displays the results on a separate page so that you can have the results with you at all times.
Font Identifier by WhatFontIs - Download - Nothing like having the power of a font identifier service in your back pocket. You can use this to find not only the fonts on the page, but also fonts (or similar fonts) in images, as well as have suggestions for similar free fonts to ones that are paid for.
Feel free to suggest more good add-ons or tips and tricks, but I think this pretty much covers it and hopefully clears up a bit of the confusion when trying to find fonts on websites. Happy Hunting!
r/identifythisfont • u/Lexotron • Oct 07 '24
Rule updates
Hello font enthusiasts!
The rules of this sub have been updated, so please check them before you post. Hopefully this will make things a little clearer for everyone who uses this sub.
Post as clear of a sample as possible
Make sure your post includes an image of your sample in the correct orientation. If your sample comes from a video, take a screenshot and post it.
Use a descriptive post title
Your post title should include the text of the sample you're looking for and any other details that might help someone find the post later. E.g. "Mario's Pizzeria sign". If your sample has multiple fonts, let us know which one you are looking for.
Post one sample at a time
Posts should only contain one sample. Multiple images of the same sample (or similar samples from the same source) are OK.
Keep things ethical
We do not support unethical activity. This includes but is not limited to matching fonts on documents for forgery purposes, font piracy, and scams.
Be helpful and nice
Keep things helpful and nice. Not everyone is an expert on fonts.
r/identifythisfont • u/s1738 • 1h ago
Open Question Mystery Machine Font
Looking for the Scooby Doo Mystery Machine font. I’ve found the one titled Mystery Machine but can only find the version containing 13 letters, not the full version.
r/identifythisfont • u/goldwasp602 • 8h ago
Open Question What font is this? From a vlog in Japan.
r/identifythisfont • u/VisualAnything752 • 2m ago
Open Question Font name
What is the name of this font??
r/identifythisfont • u/Sure_Assumption_7308 • 23m ago
Open Question Can anyone identify this font? I feel it looks like impact but I'm not sure
r/identifythisfont • u/RegularSuccessful124 • 1h ago
Open Question Old-fashioned Point and Click DOS font
Hi all,
I'm looking for a font very close to this one, do you have an idea in mind?
Thanks in advance,
Regards,
asx
r/identifythisfont • u/Internal_Way_3251 • 1h ago
Open Question Not able to find this font at all if anyone has some lead on it please let me know, thank you.
r/identifythisfont • u/darshisbro19 • 2h ago
Identified Guess the font for a free '100 dOlLaR rObUx GiFt caRd
r/identifythisfont • u/Mekhrajjan • 2h ago
Open Question Hi friend, can anyone help to find this fonts, please
r/identifythisfont • u/StreetGeologist141 • 2h ago
Identified anybody recognize this font? it’s from the 90s if it helps
r/identifythisfont • u/lucifermworningstar • 3h ago
Open Question Hey Yall...can you help me find this one
r/identifythisfont • u/GratefullGoddess • 4h ago
Open Question Which font is this, no font identifier shows anything similar when I observe "r" letter especially
Thank you in advance 🙏🏻
r/identifythisfont • u/MalleyBoi • 4h ago
Open Question Old Volkswagen Font
Anyone know what font Volkswagen used for the 1991 Volkswagen Polo 86c?
r/identifythisfont • u/Educational-Grab-547 • 10h ago
Identified What is this popular font- pictured here “free”
r/identifythisfont • u/FoundationWeird1595 • 9h ago
Open Question What Font is The Fox Kids Australia Logo from 2001?
r/identifythisfont • u/DefinitelyNotNello • 11h ago
Identified Can someone help me identify this font? Thanks!
r/identifythisfont • u/NK_BW • 9h ago
Open Question Saw this font on a tiktok edit
galleryFind it please
r/identifythisfont • u/Philippe-Auguste • 11h ago
Open Question From a mysterious reupload of the Devil's Crown (1978)
r/identifythisfont • u/WeijiaFang • 12h ago
Open Question Would like to know what UCDOS ripped off in 1980s
UCDOS is a China-based DOS software toolkit, which included some outline fonts used by two of its builtin word processors. I know at least its ASCII fonts were ripoffs because their nodes are sh*tty, almost looked like autotraced results from an existing specimen.
I have converted its data into a FontForge project file, and it includes 10 different fonts. I cannot identify all of them.
My chatgroup members and I have reached the following conclusions:
- #1-#3: Some sort of Century
- #4: Eurostile
- #5: Brushscript
- #6: Unknown blackletter
- #7-#8: Univers
- #9: Unknown geometric sans
- #10: Unknown bold serif
I would like to know about the three fonts whom we could not determine
r/identifythisfont • u/CSW994 • 9h ago
Open Question Does anyone know the font for the People = Shit banner during the old Slipknot days?
galleryr/identifythisfont • u/FriendlySalamander93 • 9h ago
Open Question hii can someone pls help me find the link to this font :))
if
r/identifythisfont • u/Crispy511 • 10h ago
Open Question Help identifying new Lego font?
The main font used on this Lego box is different from the usual Chalet ones you see identified from older boxes, can anyone help me ID the one(s) used here? (Particularly with the numbers)
r/identifythisfont • u/SockeyeSketches • 19h ago