Google Font Pairing Tool — Find Perfect Font Combinations | Free Edu & .COM Temporary Mails
← Kaikki työkalut / Font Pairing Tool
🔤

Google Font Pairing Tool

Löydä täydellisiä Google-kirjasinyhdistelmiä verkkosivustollesi, sovelluksellesi tai brändillesi. Esikatsele kuratoituja kirjasinpareja mukautetulla tekstillä. Kopioi CSS-linkkitunniste välittömästi.

CSS-tuontikoodi

Kuinka valita täydellinen fonttipari

Upea typografia on ikimuistoisen suunnittelun perusta. Oikea fontin pariliitos luo visuaalista hierarkiaa, vahvistaa brändin persoonallisuutta ja tekee sisällöstä helpompi lukea. Tämä työkalu tarjoaa asiantuntevasti kuratoituja pareja Google Fonts - kaikki ilmainen ja avoimen lähdekoodin.

Fonttiparin muodostusperiaatteet

Kontrasti ja täydennys — Yhdistä serif-otsikko sans-serif-runkoon. Kontrasti luo visuaalista mielenkiintoa säilyttäen samalla luettavuuden.
Tasaiset mittasuhteet — Valitse fontit, joilla on samanlainen x-korkeus visuaalisen harmonian saavuttamiseksi. Sopimattomat mittasuhteet tuntuvat ärsyttäviltä.
Hierarkia ensin — Otsikon fontin tulee herättää huomiota. Runkofontin pitäisi kadota – luettavissa huomaamatta.
Rajoita kahteen fonttiin — Kaksi hyvin valittua fonttia on melkein aina parempi kuin kolme tai enemmän. Käytä lajikkeen kokoa, painoa ja väriä.

Usein kysytyt kysymykset

Kyllä, kaikki Google Fontsin kirjasimet julkaistaan ​​avoimen lähdekoodin lisensseillä (useimmiten SIL Open Font License tai Apache License). Voit käyttää niitä vapaasti kaupallisissa verkkosivustoissa, sovelluksissa, tulostusmateriaaleissa ja logoissa ilman nimeä.

Kaksi tapaa: (1) Lisää a <link> -tagi HTML-koodissasi <head>. (2) Käyttö @import CSS-tiedostossasi. Molemmat luodaan, kun napsautat paria – kopioi CSS-tuontikoodi ruudukon alla olevasta paneelista.

Hieman. Suorituskyvyn vaikutuksen minimoiminen: käytä font-display: swap-toimintoa, muodosta yhteys osoitteeseen fonts.googleapis.com, lataa vain tarvitsemasi painot ja harkitse kriittisten fonttien itseisännöintiä. Google Fonts CDN on maailmanlaajuisesti välimuistissa, joten toistuvat käynnit latautuvat välittömästi.

Pitkälle tekstille: Inter, Open Sans, Source Sans 3 ja Lato ovat erinomaisia ​​valintoja. Kirjasinkoolla 14–18 pikseliä ja rivinkorkeudella 1,5–1,7, nämä fontit maksimoivat luettavuuden kaikissa näyttökokoissa.
Hyväksytkö evästeet?

Käytämme evästeitä parantaaksemme selauskokemustasi.

Lisää