Miten valita fontit, jotka toimivat parhaiten verkkosivustoillesi
Tarkastele verkkosivustoja teollisuudesta, yrityksen kokoista tai muista eriytyneistä tekijöistä riippumatta ja yksi asia, jonka olet varmasti huomannut, on yhteinen tekstisisältö. Teksti näkyy tapana typografisen suunnittelun käytännössä, ja se on yksi sivuston ulkoasun ja menestyksen tärkeimmistä näkökohdista.
Monien vuosien ajan web-suunnittelijat olivat rajoittaneet niiden fonttien lukumäärää, joita he voisivat käyttää, jos he halusivat, että kyseiset fontit näkyvät luotettavasti verkkosivuilla, jotka he ovat luoneet. Nämä kirjasimet, jotka löytyivät useimmista tietokoneista, tunnettiin nimellä "web safe fonts". Olet ehkä kuullut tämän termin aiemmin verkkosivujen suunnittelijaa, sillä he yrittivät selittää sinulle, miksi tietyn fontin valintaa ei voitu käyttää sivustosi suunnittelussa.
Web-typografia on palannut pitkään viime vuosina, ja web-suunnittelijat ja kehittäjät eivät ole enää rajoittuneet vain niihin kourallisiin web-turvallisiin fontteihin. Web-fonttien nousu ja kyky linkittää suoraan fonttitiedostoihin ovat avautuneet aivan uudeksi mahdollisuudeksi verkkosivujen fonttien käytön mahdollisuuksista. Niin hyödyllinen kuin nyt on mahdollisuus käyttää niin monia uusia fontin valintoja, niillä kokeillut ja todelliset web-turvalliset fontit ovat edelleen tärkeä paikka nykyaikaisessa web-suunnittelussa.
Linkittäminen Web-kirjasimiin
Käytössäsi sivustosi fontteja, jotka eivät välttämättä ole jonkun tietokoneella, sinun on linkitettävä web-kirjasintitiedostoon ja annettava verkkosivustosi käyttämään kyseistä fonttitiedostoa kävijän tietokoneen sijaan. Liittyminen näihin ulkoisiin kirjasintyypeihin, jotka joko sisältyvät muuhun sivustosi omaisuuteen tai jotka voidaan yhdistää kolmansien osapuolten fonttipalvelun käyttämiseen, antavat lähes rajoittamattomia fonttivalikoimia, mutta etuna on hinta. Ulkoiset fontit on ladattava sivustolle, mikä vaikuttaa suorituskykyyn verkkosivun latausaikaan. Tässä web-turvalliset fontit voivat silti olla hyötyä! Koska nämä fonttitiedostot ladataan suoraan kävijän tietokoneelta, suorituskykyä ei ole, kun verkkosivusto latautuu. Siksi monet web-suunnittelijat käyttävät nyt Web-fonttien yhdistelmää, joka on ladattava näiden luotettavien web-turvallisten fonttien rinnalla. Tämä voi olla molempien maailmojen parhaat puolet, kun pääset käsiksi joihinkin uusiin ja eksoottisiin fontteihin, mutta silti pystyt hallitsemaan sivuston suorituskykyä ja yleistä latausvaikutusta.
Sans Serif Web Safe Fonts
Tämä fonttiryhmä on yksi parhaista vedonlyönneistä web-turvallisille fonteille. Jos lisäät nämä kirjasinkokoihin , lähes kaikki ihmiset näkevät sivun oikein. Joitakin yleisiä sans-serif web-turvallisia kirjasimia ovat:
- arial
- Arial Black
- Tahoma
- Trebuchet MS
- Verdana
Joitakin muita sans-serif valintoja, jotka antavat sinulle hyvän yleisen kattavuuden, mutta jotka saattavat puuttua joistakin tietokoneista, ovat alla. Muista vain, että jos käytät näitä, sinun on myös sisällytettävä yleisempää varmuuskopioksi edellä olevasta luettelosta fonttipinoissasi.
- Century Gothic
- Geneve
- Havainnollinen
- Lucida Sans
- Lucida Grande
Serif Web Safe Fonts
Sans-serif-fonttien lisäksi serif-fonttiperhe on suosittu valinta verkkosivustoille. Tässä on muutamia turvallisimpia vetoja, joita voit käyttää, jos haluat serif-fontin:
- Kuriiri
- Courier Uusi
- Georgia
- Ajat
- Times New Roman
Jälleen alla oleva luettelo on fontteja, jotka tulevat monille tietokoneille mutta joilla on vähemmän yleistä kattavuutta kuin yllä olevassa luettelossa. Voit käyttää näitä fontteja melko luotettavasti, mutta siihen tulisi sisällyttää myös yleisempi serif-fontti (yllä olevasta luettelosta) myös kirjasintasi.
- MS Serif
- New York
- Palatino
- Palatino Linotype
Monospace-fontit
Vaikka ei ole yhtä yleisesti käytetty kuin serif ja sans-serif fontit, monospace kirjasimet ovat myös vaihtoehto. Nämä fontit ovat yksi, joka sisältää kirjaimia, jotka ovat kaikki yhtä etäisyydellä toisistaan. Heillä ei ole laajaa hyväksyntää eri alustoilla, mutta jos haluat käyttää yhtenäistä fonttia, nämä ovat parhaita vetoja:
- Kuriiri
- Courier Uusi
Näillä fonteilla on myös jonkin verran kattavuutta.
- Lucida Console
- Monaco
Kurssivaikutteiset ja Fantasy-fontit
Kurssin ja fantasian fontit eivät ole suosittuja serifina tai sans-serifina, ja näiden fonttien koristeellinen luonne tekee niistä sopimattomia käyttää kehopiirinä. Näitä kirjasimia käytetään useimmiten otsikoissa ja otsikoissa, joissa ne asetetaan suuremmille kirjasinkokoille ja vain lyhyille tekstinpurskeille. Stylistisesti nämä fontit saattavat näyttää todella hyvältä, mutta sinun on punnittava fontin ulkoasu niiden käyttämiesi tekstien luettavuuden suhteen.
Käytettävissä on vain yksi kursivoitu fontti Windowsissa ja Macintoshissa , mutta ei Linuxissa. Se on Comic Sans MS. Ei ole olemassa fantasia- fontteja, joilla on hyvä kattavuus selaimissa ja käyttöjärjestelmissä. Tämä tarkoittaa sitä, että jos käytät verkkosivustollasi käytettyjä fantasia-fontteja, olet luultavasti käyttänyt niitä Web-kirjasintyypiksi ja liitä ne oikeaan fonttitiedostoon.
Älypuhelimet ja mobiililaitteet
Jos suunnittelet mobiililaitteille tarkoitettuja sivuja , web-turvalliset fonttivalinnat ovat muuttuvia. IPhone-, iPod- ja iPad-laitteissa yleiset kirjasimet sisältävät:
- arial
- Kuriiri
- Courier Uusi
- Georgia
- Helvetica
- Palatino
- Times New Roman
- Trebuchet MS
- Verdana
Web-kirjasimet ovat erinomainen valinta moni-laitteiden suunnittelua ajatellen, koska ulkoisten fonttien lataaminen antaa sinulle entistä johdonmukaisemman ulkoasun laitteesta laitteeseen. Tämän jälkeen voit ladata ladatut fontit yhdellä tai kahdella web-turvallisella valinnalla, jotta sivustosi ulkoasu ja suorituskyky saataisiin onnistumaan.
Alkuperäinen artikkeli Jennifer Krynin. Julkaisija Jeremy Girard 8/8/17