r/identifythisfont Jun 22 '22

Guides Web Font Finding Tips.

230 Upvotes

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


  1. Highlight the text.
  2. Right click and go to "Inspect".
  3. If your dock is on the right side, click the 3 dots on the top and dock it to the bottom.
  4. 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".
  5. You should see the font of the selected text and its settings on your browser: Size, Line Height, Spacing, Weight, and Italics.
  6. 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


  1. Highlight the text.
  2. Right click and go to "Inspect"
  3. 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.
  4. 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".
  5. 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 Oct 07 '24

Rule updates

18 Upvotes

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 1h ago

Open Question Mystery Machine Font

Post image
Upvotes

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 8h ago

Open Question What font is this? From a vlog in Japan.

Post image
4 Upvotes

r/identifythisfont 2m ago

Open Question Font name

Post image
Upvotes

What is the name of this font??


r/identifythisfont 23m ago

Open Question Can anyone identify this font? I feel it looks like impact but I'm not sure

Post image
Upvotes

r/identifythisfont 1h ago

Open Question help me identify this font please

Post image
Upvotes

r/identifythisfont 1h ago

Open Question Old-fashioned Point and Click DOS font

Upvotes

r/identifythisfont 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.

Upvotes

r/identifythisfont 2h ago

Identified Guess the font for a free '100 dOlLaR rObUx GiFt caRd

Post image
0 Upvotes

r/identifythisfont 2h ago

Open Question Hi friend, can anyone help to find this fonts, please

Post image
1 Upvotes

r/identifythisfont 2h ago

Identified anybody recognize this font? it’s from the 90s if it helps

Post image
1 Upvotes

r/identifythisfont 3h ago

Open Question Hey Yall...can you help me find this one

Post image
1 Upvotes

r/identifythisfont 4h ago

Open Question Which font is this, no font identifier shows anything similar when I observe "r" letter especially

Post image
1 Upvotes

Thank you in advance 🙏🏻


r/identifythisfont 4h ago

Open Question Old Volkswagen Font

Post image
1 Upvotes

Anyone know what font Volkswagen used for the 1991 Volkswagen Polo 86c?


r/identifythisfont 10h ago

Identified What is this popular font- pictured here “free”

Post image
3 Upvotes

r/identifythisfont 9h ago

Open Question What Font is The Fox Kids Australia Logo from 2001?

Post image
2 Upvotes

r/identifythisfont 11h ago

Identified Can someone help me identify this font? Thanks!

Post image
3 Upvotes

r/identifythisfont 9h ago

Open Question Saw this font on a tiktok edit

Thumbnail gallery
2 Upvotes

Find it please


r/identifythisfont 11h ago

Open Question From a mysterious reupload of the Devil's Crown (1978)

Post image
2 Upvotes

r/identifythisfont 12h ago

Open Question Would like to know what UCDOS ripped off in 1980s

2 Upvotes

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.

https://preview.redd.it/2mezlcnmgace1.png?width=1834&format=png&auto=webp&s=d607fe7d30192e4f1e47dacad737fc0f6ccbef77

https://preview.redd.it/rvnj32pngace1.png?width=1834&format=png&auto=webp&s=777699f86a29140f9886c2270542093cf738eedd

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 9h ago

Open Question Does anyone know the font for the People = Shit banner during the old Slipknot days?

Thumbnail gallery
1 Upvotes

r/identifythisfont 9h ago

Open Question hii can someone pls help me find the link to this font :))

Post image
1 Upvotes

if


r/identifythisfont 10h ago

Open Question Help identifying new Lego font?

Post image
1 Upvotes

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 19h ago

Identified So far i've found phorfeit but it doesn't quite line up. Appreciate any help or knowledge!

Post image
5 Upvotes

r/identifythisfont 10h ago

Open Question Anyone know?

Thumbnail gallery
1 Upvotes