Table of Contents
This article shows how to Check Font Size on a Website. Changing how big things are in your computer can make them easier to see or read. We suggest using the zoom function to change the font size because it is quick and easy to make changes and change them back.
Also, it works with any kind of material. In the parts that follow, you’ll learn how to quickly change the size of both the text and the images on a page, or just the text. Identifying a font from a printed example works the same way no matter what you use: Take a picture or scan the text, and then share it.
After the right characters have been found, the resource looks for the font. Use a clean, straight picture of the sample text for the best results. Find a big printed copy of the font and scan it, if possible. Text that is points or bigger works best because the edges of the letters will be clearer.
How to Check Font Size on a Website
There are a few ways to find out what font and size a website is using. Some people use third-party tools to find page files, while others use the browser itself. We’ll talk about both types below. First, we’ll look at the way that comes with your browser.
- Right-click on the page you like the look of and select Inspect. Element (Firefox), Inspect (Chrome), or F12 Developer Tools (Edge).
- Select Inspector (Firefox) or Computed (Chrome) in the new bottom windows and scroll down on the right until you reach Font or font-size.
- It should show the font family, the specific font used, its size, its color, and anything else the page defines.
- Different CMS and different web designs display their font information in various ways. Try this method on a few web pages, and you will likely see a few different ways fonts are defined.
Using Third Party Tools
Some third-party add-ons work as apps or bookmarklets and can tell what type of font you are using. They work with most computers, including Safari, so you should have no trouble finding something you can use. WhatFont can be used as a website or as an add-on for your browser. WhatFont is easy to use and doesn’t cost anything. What you should do is:
- Locate the font you’d like to investigate. Take a screenshot of a sample (CMD + Shift+ 4 on a Mac or Windows key + Shift + S on a PC). Then, head to the WhatFont website.
- Click to upload the screenshot from your computer or drag the screenshot and drop it in the box.
- Select a sample of the font. Then, click the blue arrow icon.
- Scroll through the list and find the one that best matches the font you want.
- Along with the font’s name, you also have the option to purchase it if you don’t already have it.
FAQs
The size of a font is usually given in points (pt), which refers to the height of the letters. In one inch or 2.54 cm, there are about 72 (72.272) points. There are examples of font sizes from 6pt to 84pt in the picture on the right.
All browsers tend to have a fixed font size of about 16 pixels. Setting the root font-size to 62.5%, which changes the default 16px to about 10px, is a popular method.