Luettavien fonttien valitseminen

Sivuston luettavuuden kannalta fontin valinnalla on ratkaiseva rooli. Oikea fontti voi tehdä sisällöstäsi kutsuvan ja helposti luettavan, kun taas väärä kirjasin voi estää vierailijoita puuttumasta tekstiisi. Tässä on joitain näkökohtia luettavien fonttien valinnassa.

Fonttityyli

  • Serif vs. Sans Serif : Serif-fonteissa, kuten Times New Romanissa, on pieniä viivoja kirjainten lopussa ja niitä käytetään usein painettuna. Sans Serif -fonteista, kuten Arialista ja Helveticasta, puuttuvat nämä rivit, ja niitä pidetään yleensä luettavampana digitaalisilla näytöillä.
  • Modernit kirjasimet : Harkitse nykyaikaisia ​​fontteja, kuten Calibri tai Verdana, jotka on suunniteltu näytön luettavuutta varten.
  • Vakiojärjestelmäfontit : Vakiojärjestelmäfontit ovat laajalti tuettuja eri selaimissa ja laitteissa. Käyttämällä näitä kirjasimia voit olla varmempi siitä, että verkkosivustosi näkyy tarkoitetulla tavalla käyttäjän laitteesta tai selaimesta riippumatta.
    • Serif-fontit : Garamon, Georgia, Palatino Linotype, Times New Roman.

    • Sans-Serif-fontit : Arial, Century Gothic, Gill Sans, Helvetica, Lucida Sans Unicode, Tahoma, Trebuchet MS, Verdana.

    • Monospace Fontit : Courier New, Lucida Console

Fonttikoko

  • Yleiset ohjeet : Verkkosisällön standardikirjasinkoko on noin 16 kuvapistettä. Tämä voi kuitenkin vaihdella fontin tyylin ja verkkosivuston suunnittelun mukaan.
  • Mobiilivaste : Varmista, että fonttikoko mukautuu hyvin mobiililaitteisiin. Liian pientä tekstiä mobiilinäytöillä voi olla haastavaa lukea.

Fontin väri ja kontrasti

  • Suuri kontrasti : Varmista korkea kontrasti tekstin ja taustavärien välillä. Musta teksti valkoisella taustalla on luettavin yhdistelmä.
  • Vältä ankaria värejä : Vältä kirkkaita, raakoja tekstivärejä, kuten neonvihreää tai keltaista, jotka voivat rasittaa silmiä.

Rivin pituus ja väli

  • Optimaalinen rivin pituus : Pyri noin 50–60 merkin riviin, jotta lukeminen on mukavaa.
  • Rivivälit : Käytä riviväliä (rivin korkeutta), joka on noin 1,4–1,6 kertaa kirjasinkokosi, parantaaksesi luettavuutta.

Esimerkkejä luettavissa olevista kirjasinyhdistelmistä

Ammattimainen ja puhdas : Arial (runko) ja Georgia (otsikot) – Klassinen yhdistelmä, jota on helppo lukea.

Esimerkkejä luettavissa olevista kirjasinyhdistelmistä


Moderni ja tyylikäs : Helvetica Neue (runko) ja Roboto (otsikot) – Tarjoaa nykyaikaisen ilmeen säilyttäen samalla luettavuuden.

Esimerkkejä luettavissa olevista kirjasinyhdistelmistä


Lämmin ja kutsuva : Lato (vartalo) ja Merriweather (otsikot) – Mukava ja kutsuva valinta blogeille ja epävirallisille sivustoille.

Esimerkkejä luettavissa olevista kirjasinyhdistelmistä

Tehty luoville
Rakenna portfoliosivustosi
Luo, esittele ja myy!
Tehty luoville
Oletko valmis luomaan online-portfoliosi?
Aloita ilmainen
Grafiikka, jossa on näkyvä toimintakehotus yläosassa
Grafiikka, jossa on näkyvä toimintakehotus yläosassa
Grafiikka, jossa on näkyvä toimintakehotus yläosassa
Grafiikka, jossa on näkyvä toimintakehotus yläosassa
Grafiikka, jossa on näkyvä toimintakehotus yläosassa
Grafiikka, jossa on näkyvä toimintakehotus yläosassa

Aloita ilmaiseksi

Luo nyt portfoliosivustosi

Rakenna oma portfoliosi