Fontti voi usein tehdä tai rikkoa verkkosivuston. Fonteilla on merkittävä rooli verkkosivuston visuaalisessa vetovoimassa, ja oikean fontin valitseminen voi auttaa tekemään sivustosta houkuttelevamman käyttäjillesi. On olemassa useita asioita, jotka on otettava huomioon valittaessa fonttia verkkosivustollesi, mukaan lukien luettavuus ja visuaalinen vetovoima. On myös tärkeää valita verkkoturvallinen fontti, jotta se toimii hyvin kaikissa laitteissa, selaimissa ja käyttöjärjestelmissä.
5 tyyppistä verkkofonttia
Fontit luokitellaan yleensä viiteen luokkaan. Niillä kaikilla on erityispiirteitä ja niitä käytetään eri tarkoituksiin. Viisi luokkaa ovat Serif, Sans-serif, Monospace, Cursive ja Fantasy.
Pääteviiva
Serif-fontit ovat tunnistettavissa kirjainten reunoilla olevista pienistä ylimääräisistä viivoista. Serif-fontteja käytetään usein verkkosivustoilla, koska ne ovat erittäin luettavia. Ne näyttävät myös muodollisilta ja niitä käytetään akateemisessa kirjoituksessa, painetussa mediassa jne. Jotkut yleisimmin käytetyistä Serif-fonteista ovat Times New Roman, Cambria ja Garamond.
Sans-serif
Sans-serif-fonteissa ei ole lisäviivoja, jotka lisätään Serif-fontteihin. Tämän perheen fonteissa on minimalistinen tunnelma ja leveät tilat kirjainten välillä, mikä tekee niistä erittäin luettavia fontteja. Niitä käytetään usein painetussa ja digitaalisessa sisällössä.
Monoavaruus
Monospace-fonteissa on hyvin erottuvat, leveät välilyönnit kirjainten välillä, mikä antaa niille erittäin puhtaan ilmeen. Ne liittyvät usein kirjoituskoneisiin ja tietokonepäätteisiin, koska siellä käyttäjät kohtaavat niitä useimmiten. Courier on yksi yleisimmin käytetyistä Monospace-fonteista.
Kursiivi
Kuten nimestä voi päätellä, Cursive-fontit jäljittelevät käsinkirjoitusta, ja kirjaimet kiertyvät yhteen virtaavalla tavalla. Kursiivisia fontteja käytetään harvoin tekstilohkoissa, koska niitä voi olla vaikea lukea. Sen sijaan niitä käytetään useammin blogin otsikkoviesteissä ja otsikoissa.
Fantasia
Fantasiafonteilla on hyvin erottuva, luova ilme. Ne ovat erittäin koristeellisia, mikä tekee niistä hyviä elokuvien nimille (esim. Harry Potter), romaanien nimikkeille, videopeleille jne.
HTML-fontit
Alta löydät 20 verkkoturvallista kirjasinta, joita voit käyttää verkkosivustollasi.
Arial
Arial kuuluu Sans-serif-fonttiluokkaan. Se on klassinen fontti, joka sopii enimmäkseen kaikille verkkosivustoille. Se on erittäin minimalistinen fontti, jolla on puhdas ilme. Se on helppolukuinen, minkä vuoksi sitä käytetään usein painetussa mediassa, kuten sanomalehdissä. Et voi mennä pieleen Arilin kanssa, joten jos etsit fonttia, joka antaa sivustollesi puhtaan ja viimeistellyn ilmeen, tämä on hyvä valinta.
Arial kapea
Arial Narrow on Arial-fonttiperheen tyyli. Kuten nimestä voi päätellä, fontti näyttää kapealta, kuten kirjaimet työnnettiin yhteen. Siinä on melko minimalistinen ilme, mikä tekee siitä hyvän valinnan verkkosivustoille, jotka tarvitsevat yksinkertaisen, kiillotetun ilmeen.
Kertaa
Times on toinen klassinen fontti, josta tuli nopeasti painetun median ja akateemisen kirjoittamisen oletusfontti. Tämä on yksi fonteista, joita useimmat ihmiset ovat tottuneet näkemään, joten se on hyvä valinta, jos haluat, että verkkosivustollasi on tuttu tunne. Se on myös loistava fontti sivustoille, joilla on paljon tekstiä (esim. blogit).
Ajat Uusi roomalainen
Times New Roman on muunnelma Times-kirjasimesta. Se on ehkä yleisimmin käytetty fontti kokonaisuudessaan, koska se on hyväksytty akateemisen kirjoittamisen ja painetun median oletusfontiksi. Se on hyvä valinta, jos haluat sivustosi näyttävän ammattimaiselta ja viimeistellyltä.
Helvetica
Helvetica on laajalti käytetty sans-serif-kirjasintyyppi. Saatat tunnistaa, että sitä käytetään kaupallisiin sanamerkkeihin suosituille tuotemerkeille, kuten Adult Swim, Panasonic, Skype, Verizon ja Funimation. Sitä käytetään usein myös tupakkatuotteiden terveysvaroituksiin EU:ssa sekä liittovaltion tuloverolomakkeisiin Yhdysvalloissa. Helvetica on erittäin monipuolinen fontti, jolla on puhdas ilme. Se sopii kaikenlaisille verkkosivustoille.
Kuriiri
Courierilla on hyvin erottuva ilme, ja kirjainten välissä on suuria välilyöntejä. Courier on loistava valinta, jos sivustosi liittyy elokuviin, koska se on elokuvien käsikirjoitusten oletusfontti. Sitä ei kuitenkaan yleensä käytetä pitkiin tekstikappaleisiin. Sitä käytetään paremmin verkkosivustojen otsikoissa, koska se on koristeellisempaa kuin mikään muu.
Kuriiri Uusi
Courier Now on kuin ohuempi versio Courier-fontista. Saatat tunnistaa sen oletusjärjestelmän fontiksi elektronisissa laitteissa.
Candara
Candara on luokiteltu humanistiseksi sans-serif-kirjasintyypiksi, ja se julkaistiin alun perin Windows Vistan kanssa. Se on osa Microsoftin ClearType-kirjasinkokoelmaa.
Se on selkeä, erittäin luettava fontti, mikä tekee siitä täydellisen näytöille ja blogikirjoitusten otsikoille. Siinä on kuitenkin vähän vanhan koulun tunnelmaa.
Verdana
Verdana on sans-serif-fontti. Se on erittäin selkeä, luettavissa oleva fontti, jossa on suuria välilyöntejä kirjainten välillä. Fonttia käytti skandinaavinen huonekalujätti IKEA vuosia, mutta se siirtyi äskettäin toiseen.
Se on hyvä fontti sekä pitkille tekstilohkoille että otsikoille. Jos haluat laittaa paljon tekstiä pieneen tilaan, Verdana on hyvä valinta, koska se on silti hyvin luettavissa pienessä koossa.
Kalbri
Calibri on sans-serif-kirjasintyyppi. Se on tällä hetkellä Microsoft Officen ja muiden Microsoft-ohjelmistojen oletuskirjasintyyppi, ja se on ollut vuodesta 2007, vaikka Microsoft aikoo muuttaa sitä. Calibrilla on moderni ulkonäkö, jossa on lämmin tunnelma pyöristettyjen viivojen takia. Se sopii moniin tekstikokoihin luettavuudensa vuoksi. Koska sillä on puhdas ulkonäkö, sitä voidaan käyttää kaikentyyppisillä verkkosivustoilla.
Optima
Optima on sans-serif-kirjasintyyppi. Siinä on puhdas ulkonäkö ja klassinen mutta tyylikäs tunnelma. Sitä käyttävät jotkut huippuluokan tuotemerkit, kuten Marks and Spencer.
se on erittäin monipuolinen fontti, joka sopii erityisesti blogikirjoituksiin, kirjoihin ja aloitussivuille.
Cambria
Cambria on serif-fontti. Siinä on hyvin moderni tunnelma, ja vaakasuorat serifit tekevät siitä erittäin selkeän, luettavan fontin. Se on myös melko monipuolinen ja on hieno, jos haluat sijoittaa suuria tekstilohkoja pieniin tiloihin.
Perpetua
Perpetua on serif-kirjasintyyppi. Se on muodollinen ja tyylikäs klassisella ulkonäöllä. Perpetua on suosittu valinta hienojen kirjojen painamiseen, ja siinä on luova tunnelma. Se on myös hyvä fontti opetus- ja tiedotusteksteille.
Garamond
Garamond on serif-fontti. Siinä on hieman antiikkinen tunne, ja saatat tunnistaa sen painetuista kirjoista, kuten Harry Potterista. Se on yleinen kirjasinvalinta painetuille kirjoille ja digitaalisille näytöille.
Didot
Didot on serif-fontti. Siinä on klassinen muotoilu, joka ei näytä vanhentuneelta. Siinä on muodollinen, esteettisesti miellyttävä ilme, joten se on hyvä fonttivalinta otsikoille ja iskulauseille. Sitä käytetään usein myös logoissa. Didotia käytettiin aiemmin CBC News -logossa. Se on myös fontti, jota käytetään The Late Show with Stephen Colbertin nykyisessä logossa.
Brush-skripti
Brush Script on kursiivinen fontti, joka jäljittelee käsinkirjoitettuja vetoja. Se tuntuu rennolta/epäviralliselta ja sitä tulisi käyttää säästeliäästi. Se on hyvä fontti julisteille, ponnahdusikkunoille ja aloitussivuille. Mutta sitä tulisi välttää verkkosivustoilla suurissa tekstilohkoissa, koska sitä on vaikea lukea, varsinkin kun se on pienessä tekstikoossa.
Lucida Kirkas
Lucida Bright on serif-fontti. Se näyttää viralliselta ja puhtaalta, minkä vuoksi se on hyvä valinta virallisille asiakirjoille, aikakauslehdille ja jopa yritysraporteille.
Monaco
Monaco on yksivälinen sans-serif-kirjasintyyppi, jota käytetään usein macOS:ssä. Vaikka se on melko yksinkertainen fontti, se erottuu myös. Se on hyvä valinta aloitussivuille, ponnahdusikkunoille jne., Varsinkin kun haluat kiinnittää huomiota.
Kuparipiirros
Copperplate on yksitoikkoinen fontti ja käyttää vain isoja kirjaimia. Se on loistava vaihtoehto verkkosivustojen otsikoille ja otsikoille, mutta sitä käytetään usein myös käyntikortteihin. Fontti esiintyi voimakkaasti ohjelmassa Who Wants to be a Millionaire.
Bradleyn käsi
Bradey Hand on kursiivinen fontti, joka muistuttaa käsinkirjoitusta. Se on hyvä valinta koristetekstiksi mainontaan ja brändäykseen, mutta sitä tulisi käyttää säästeliäästi. Siinä on rento ja henkilökohtaisempi tunnelma, joten se on hyvä valinta, kun haluat luoda kodikkaamman tunteen.
HTML-fonttien lisääminen
Voit lisätä HTML-fontteja WordPress-verkkosivustollesi joko manuaalisesti tai laajennusten avulla.
HTML-fonttien lisääminen manuaalisesti
Laajennusten käyttö on yleensä helpompaa ja nopeampaa, mutta jos et halua lisätä vielä enemmän laajennuksia WordPress-verkkosivustollesi, voit lisätä HTML-fontteja manuaalisesti.
- Lataa haluamasi fontti verkkokirjasinten tarjoajalta.
- Muunna fontti verkkoystävälliseen muotoon Webfont Generator -työkalulla.
- Lataa muunnettu fontti ja lataa se wp-content / themes / your-theme / fonts -hakemistoon.
HTML-fonttien lisääminen laajennusten avulla
Laajennusten käyttäminen fonttien lisäämiseen on paljon helpompaa, varsinkin jos sinulla ei ole paljon kokemusta sen tekemisestä manuaalisesti. On olemassa monia HTML-kirjasinlaajennuksia, jotka voit lisätä WordPress-verkkosivustollesi.
Voit asentaa WordPress-laajennuksia muutamalla tavalla, eikä se ole vaikeaa. Näin voit asentaa laajennuksia WordPress-järjestelmänvalvojan näytön kautta:
- Laajennukset -> Lisää uusi.
- Etsi laajennusgallerian tai hakutoiminnon avulla laajennukset, joita haluat käyttää, ja napsauta Asenna nyt.
- Kun laajennus on asennettu, sinun on painettava Aktivoi kytkeäksesi sen päälle.
On myös mahdollista asentaa WordPress-laajennuksia, jotka olet hankkinut kolmannen osapuolen lähteistä. Sinun on kuitenkin oltava erittäin varovainen sen suhteen, mitkä laajennukset asennat ja mistä lataat ne, koska haitalliset toimijat yrittävät usein käyttää laajennuksia haitallisen koodin lataamiseen verkkosivustoille. Lataa luotettavia laajennuksia vain luotettavista lähteistä. Jos haluat lisätä laajennuksen, jonka olet ladannut kolmannen osapuolen lähteestä, noudata alla olevia ohjeita:
- Lataa laajennuksen ZIP-tiedosto luotettavasta lähteestä.
- Laajennukset -> Lisää uusi -> Latauslaajennus.
- Vedä joko ZIP-tiedosto tai lataa se.
- Valitse Asenna nyt.
- Klikkaa Aktivoi laajennus.