Checking Font Type and Size on a Website
Right click on the page and select Inspect Element (Firefox), Inspect (Chrome), or F12 Developer Tools (Edge). Select Inspector (Firefox) or Computed (Chrome) and scroll down until you reach Font or font-size.
Font Families
In CSS, there are five basic types of fonts: serif, sans serif, cursive, fantasy, and monospace.
Adding Google Fonts to CSS
- Open Google Fonts.
- Find the font and select it.
- Click "+ Select this style," then click "Embed" to choose @import or depending on where you need to add the font (in HTML or CSS).
Getting Font Family from a PDF
Open the PDF file with Acrobat Reader and select "Properties" from the File menu. Click on the "Fonts" tab to see the fonts embedded in the PDF.
Web Font Formats
- TTF (TrueType/OpenType): Useful for extending support to older browsers.
- WOFF2 (Web Open Font Format 2): An update to the original WOFF format.
- EOT, OTF, TTF, WOFF, SVG: Different file formats for web fonts, with specific uses for each.