Fontin esikatselu

Esikatsele tekstiä 23 suositussa Google Fonts -kirjasimessa (Roboto, Inter, Poppins, JetBrains Mono, Playfair Display ja muut). Kirjoita mikä tahansa esimerkkiteksti, säädä kokoa (12–72 px) ja paksuutta (100–900) liukusäätimillä, ja renderöity esikatselu lataa valitun kirjasimen suorana Google Fontsista. Esikatselun alla oleva vain luettava CSS-katkelma näyttää tarkat font-family-, font-size- ja font-weight -arvot kopioitavaksi.

1. Valitse kirjasin Valitse kirjasin -luettelosta tai käytä hakukenttää suodattaaksesi 23 saatavilla olevaa perhettä. 2. Muokkaa esikatselutekstiä tekstialueessa (oletuksena pangrammi 'The quick brown fox jumps over the lazy dog'). 3. Säädä Koko (12–72 px) ja Paksuus (100–900, 100 välein) liukusäätimiä. 4. Kopioi renderöidyn esikatselun alla näkyvä font-family / font-size / font-weight -katkelma.

Luettelo on kiinteästi 23 perheessä — Roboto, Open Sans, Lato, Montserrat, Oswald, Source Code Pro, Raleway, Poppins, Inter, Nunito, Playfair Display, Merriweather, PT Sans, Fira Code, JetBrains Mono, IBM Plex Mono, Space Mono, Ubuntu, Noto Sans, DM Sans, Rubik, Work Sans, Quicksand. Esikatselu lisää Google Fonts -tyylitaululinkin valitulle perheelle ja valitulle paksuudelle, joten se vaatii internet-yhteyden valitun kirjasimen renderöimiseksi.