WhatFont Tool

* WhatFont is not affiliated with MyFonts and/or the WhatTheFont service .

← Back to Chengyin's main page

What is this for?

What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away.

Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on.

To embrace the new web font era, WhatFont also detects services used for serving the font. Now supports Typekit and Google Font API .

How to use it?

Bookmarklet, chrome ext., safari ext..

← Drag this to your bookmark bar to install

On any webpage, click your WhatFont bookmark to use the tool.

Full support: Firefox 3.6+, Chrome 9+, Safari 4+, Internet Explorer 9.

Limited support: Internet Explorer 8.

↑ Install the extension from Chrome Web Store.

On any webpage, click WhatFont button to use the tool.

Since Safari 12, extension are installed through Mac App Store.

>After downloading, launche the WhatFont app, and enable WhatFont extension in Safari.

The quick brown fox jumps over the lazy dog.

Email [email protected]

Twitter @chengyinliu

The tool should auto-update itself. If you do not get the newest feature, please reinstall. Minor updates for each extensions will not be logged.

  • Added color detection for text.
  • Added a tweet button for instant sharing through Twitter.
  • Improved style reseting.
  • Overall restyling.
  • Restructured the code.
  • Added font services detection for Typekit and Google Font API .
  • (Chrome Extension) Fixed the toolbar button bug, the second click now exits WhatFont.
  • Fixed several bugs related to style reseting.
  • Added a prompt for <img> and <embed>.
  • Added an external service for <img>.
  • Fixed several bugs related to DOM to support Internet Explorer 8+.
  • Added a detail panel.
  • Added a shortcut (ESC) for exiting.
  • Added an exit controller.
  • Merged Riobard's fork to reveal the font currently in use.
  • Where it begins.

Many thanks to Riobard for the font-in-use detecting code.

Thanks to Bennett McElwee for the default font bug fix.

Thanks to @pr0n , @hugoahlberg , @zhusee2 and Brian Majerus for helping me test.

Hosted on Github

External Services

The external links included in WhatFont are being provided as a convenience; they do not constitute an endorsement or an approval by me.

No personal information will be collected by this script.

Find any font from any image

(commercial or free)

Upload an image, and our AI-powered font finder will match it with over 990K+ fonts, including both commercial and free options. We'll then show you more than 60 similar fonts. Give it a try!

Drag & Drop your image here to identify your font!

You can also write a URL, copy-paste the image or browse by clicking here .

Find out how to get better results from your uploads.

  • Please make sure there is one line of text
  • The file must be saved in supported format (jpg, gif ,png, svg)
  • Maximum file size is 10 MegaBytes
  • Only latin letters and numbers

What Font Is - the best font finder tool

How it works.

Some use the system to find a specific font missing from the sources sent by the client or just because they see a nice font and want to know what font is this. We believe you should be able to use the font identifier to search a font regardless of the publisher, producer or foundry. Enjoy our font detector and good luck finding what the font you are looking for!

Drop your photo

step-01

Upload a clean image of the text containing the font you need to identify. The system uses advanced AI to find the font in 90% of the cases. The rest of 10% ‘misses’ are usually caused by low quality images (low resolution, text distorted, etc).

See here some examples of what a ‘good’ image looks like.

step-02

We’ll try to automatically separate the letters. For cursive fonts you will have to separate each letter with our advanced image editor.

separate each letter

Pick your font

step-03

We’ll show over 60 fonts very similar to the one in the image you have uploaded and with links to pages from where you can download or buy them. Please respect the work of the font makers and use the font according to the license (free or commercial) .

Typography deserves more recognition as a design hero. Often disregarded despite its great power, it has the ability to transform an ordinary design into a stunning work of art. When it comes to typography, font pairing is key. A design's readability and aesthetic value are both affected by the fonts used. In this guide, we will go into the bas

Read last blog post

Font pairing: A guide to combining fonts for eye-catching designs

TESTIMONIALS Others About What Font is

USER

Jeff SanGeorge

@jeffSanGeorge

I went through 3 font Identifier tools without success before @WhatFontis finally gave me the right font. Thanks guys! I'm going to you First next time https://www.whatfontis.com

@Sassy_Lasses

@WhatFontis I love your site. You have greatly opened up my options. Thanks for being so amazing!

Rachelle Wise

Gotta say, @WhatFontis is the best Font Finder I've used. Bookmark it! https://www.whatfontis.com/

Try What Font Is with one of these images!

try our font finder with this image

Recognize the font?

Recognize the font?

Help your fellow font-seekers if you think you can recognize the font. Earn some good karma by doing it :-) Answer & Help Thousands of designers (famous or not) use the image font detection system to find a font or similar free fonts from an image. Although we have the largest database of fonts, the search for a font from an image gets mixed results like the image above.

What Font Is the best font finder for you!

MEMBER BENEFITS

  • Unlimited Access: Unlock a treasure trove of font possibilities
  • Custom Text Preview: Visualize fonts effortlessly with your desired text
  • Google Fonts Search: Discover free alternatives to pricey fonts
  • Ad-Free Experience: Navigate and explore without distractions
  • PRO Search: Precision and accuracy in your font hunt
  • Advanced Filtering: Tailor your search by price and foundry
  • Auto Character Recognition: Effortlessly identify fonts from any image
  • Rich Results: Access a curated list of 100 fonts for each search
  • Save Results: Keep track of your discoveries for future reference
  • Forum Support: Connect, learn, and share experiences with fellow font enthusiasts

We are working! Please wait!

IMAGES

  1. whatfont-safari

    whatfont safari

  2. whatfont-safari-1

    whatfont safari

  3. WhatFont iOS 8 Extension Identifies Fonts in Safari

    whatfont safari

  4. How to See What Font a Website is Using

    whatfont safari

  5. WhatFont identificala tipografía de una web con Safari

    whatfont safari

  6. Schriftart herausfinden: Die ultimative Anleitung inkl. Tool-Überischt

    whatfont safari

VIDEO

  1. How to identify font using WhatFont

  2. How to identify font using WhatTheFont

  3. How to identify font using What Font Is

  4. How to use the WhatFont extension to find out the fonts used on a website

  5. How to change the font size on your iPhone 12 Safari browser

  6. Identify fonts from an image easily

COMMENTS

  1. WhatFont Tool

    Since Safari 12, extension are installed through Mac App Store. >After downloading, launche the WhatFont app, and enable WhatFont extension in Safari. On any webpage, click WhatFont button to use the tool.

  2. ‎WhatFont on the Mac App Store

    ‎Ever wondered what typeface is used on a web page? WhatFont answers it for you. No need to dig through source codes. Activate WhatFont …

  3. WhatFont

    The Easiest Way to Inspect Web Fonts. Serving 300,000 font lovers weekly in desktop browsers, now available on iPhone, iPad and iPod Touch with iOS 8.

  4. Whatfont для iOS определит любой шрифт прямо в …

    Whatfont решает эту задачу и позволяет узнать всю информацию о шрифте прямо в Safari для iOS. Whatfont — это даже не приложение. Зайдя в него мы обнаружим простой гайд, который …

  5. Font Finder By Image

    Font Finder tool to find what the font is in an image. Upload a photo to the font identifier and identify fonts with accurate font matcher technology.

  6. Как определить шрифт на сайте?

    WHATFONT TOOL (Google Chrome, Safari), Typesample (Google Chrome). UPDATE 2019: В последнее время я использую в работе расширение для Хром — CSS Pepper. Оно позволяет не только видеть названия …

  7. How to identify any font with your Apple device

    If the font you want to find is used in live web text, as opposed to an image, just use WhatFont, which is available as a bookmarklet, as well as an extension for Safari and Chrome.

  8. Font Finder by What Font Is

    Font Finder 🔎 by What Font Is. Find any font from any image. (commercial or free) Upload an image, and our AI-powered font finder will match it with over 990K+ fonts, including both commercial and free options. We'll then show you …

  9. WhatTheFont Font Finder

    Enter your own text and play with font size for the full experience. WhatTheFont is available for both iOS and Android devices. Identify fonts with our font finder tool using an image or photo. …

  10. Как узнать источник любого веб-сайта в Safari с iPhone

    WhatFont — это расширение для Safari, с помощью которого вы сможете узнать тип шрифта веб-страницы.