Goole Fonts knowledge sharing: « — em dash unit », « dash VS hephem « Latin type anatomy », « Exploring typeface weights », « Punctuation », « Typographic classifications », « Diacritics », « Blurry halation », « Variable fonts ».

Also the new Material Symbols that we can adjust with variables are available from « fonts.google.com/icons ».

Commun terms	Height ascenders VS descenders	Letter details

Diacritics (accents)	Apostrophes VS Hyphen VS Quotes	Material Symbols

Also Microsoft offers a complete Typography documentation.

 

Great web fonts for

 

Accessibility ⌝

Atkinson Hyperlegible — Lexend

 

Material Design

Roboto

 

Categories

Width

Wide ⌝

Lexend Exa — Lexend Giga — Montserrat — Verdana

Narrow

Abel — Antonio

Serif classics

"Courrier New" — EB Garamond — Libre Baskerville — Patua One — Georgia — "Times New Roman"

Sans-Serif classics

Arial — Consolas (Microsoft $) — Helvetica ( $) — Verdana

 

Style

Cartoon dialogs (Bandes dessinées) ⌝

Bangers — Bevan — Luckiest Guy — Marhey

Disco

Monoton

Human hand

Handdrawn

Rubik Dirt

Handwritten

Amatic SC — Meddon

Rustic military

Stardos Stencil

Rounded Serif

Comfortaa — Corben — Coustard

Technology

Terminals ⌝

Bungee — Coda — Electrolize — Oswald — Quantico

Computer pixels  ⌝

Monofett — Silkscreen

Vintage typewriter

Courrier New (css = "Courrier New") — Cutive Mono

Event related

1. Spring flowers —
2. Scary Halloween

   Creepster

3. Snowy Xmast Winter

 

OS safe fonts

The following fonts are safe to use across ALL Operation Systems (without loading them) : Android, iOS, Linux, macOS and Windows.

"Andale Mono" — Arial — "Courrier New" — Georgia — Impact — "Times New Roman" — "Trebuchet MS" — Verdana