32 suurepärast veebiturvalist fonti CSS-iga kasutamiseks

1

Enamiku jaoks näeme fonte iga päev mitu tundi päevas. Kui olete kontoritöötaja, võite näha veelgi rohkem. Neid kasutatakse nii trükis kui ka veebisaitidel. Tegelikult olid fondid algselt mõeldud ajalehtede ja raamatute trükkimiseks ladumiseks.

Tänapäeval kasutatakse fonte elektroonilisel kujul veebisaitide kujundamisel, reklaamigraafika ja muu jaoks, samuti ajalehtedes, ajakirjades ja raamatutes, mida veel trükitakse.

Kuidas teate, et teie valitud font kuvatakse vaatajale?

Oleme kokku pannud 32 veebiturvalist fonti, mida saate oma veebisaidil CSS-iga kasutada.

Enne nende juurde jõudmist aga; kas sa tead, mis veebiturvaline font tegelikult on?

Mis on veebiturvaline font?

Iga operatsioonisüsteemiga on Windows või Mac kaasas teatud arv sisseehitatud fonte. Kuigi kõikidesse arvutisüsteemidesse pole installitud samad kirjatüübid, saate kasutada veebiturvalist kirjatüüpi paketti, et valida mitu võrreldavat fonti. See võimaldab erinevatel süsteemidel näha, mida olete oma veebisaidile postitanud.

Kui te ei vali veebiturvalist fonti; mitte kõik, kes teie saiti külastavad, ei näe teie lehele postitatut, mistõttu on oluline valida üks veebiturvalistest fondivirnadest.

Mis on CSS?

Kõigi saitide puhul, mis võimaldavad teil luua oma veebisaiti, ja loodud hostimisettevõtteid, nagu Wix, kus lihtsalt lohistate, ei pruugi te HTML-i ega CSS-i tunda.

CSS tähistab Cascading Style Sheets’i, mis võimaldab teil kontrollida veebidokumentides stiilielemente, nagu värv, font või vahed. Põhimõtteliselt ütleb see kasutaja arvutile, millist fonti, värvi ja vahekaugusi vaatajale näidata. Kui sellel kasutajal fonti pole, laadib arvuti selle alla või kasutab sarnast fonti seni, kuni kujundaja on valinud kasutatava fondivirna või fondiperekonna. Fontide perekond oleks midagi sellist nagu Lucida, mis sisaldab ka Lucida Sansi ja Lucida Grandet.

Kuigi telereklaamid näitavad edukaid ärisaite, mis on loonud oma saidi, ei soovitaks ma seda. Kui soovite tõesti oma ettevõttele professionaalse ilme kokku panna, palkage professionaalne disainifirma. Siiski, kui soovite tõesti omaenda luua ja tunnete mõnda HTML-i ja CSS-i, peaksite kasutama teatud fonte ja me ütleme teile, millised need fondid on.

32 veebiturvalist fonti

Siin on fondid, mis on teie fondivirnas kasutamisel turvalised ja teie veebileht kuvatakse õigesti kõigile, kes seda külastavad. Nad võivad anda teile ka professionaalse välimuse.

Sans Serif veebi usaldusväärsed kirjatüübid

Need san serif-fondid sobivad teie veebilehe jaoks kõige paremini.

  1. Arial
  2. Arial must
  3. Tahoma
  4. Trebuchet MS
  5. verdana

Siin on mõned teised, kuigi neid ei pruugita mõnes arvutis, kuhu pole installitud, kuvada.

  1. sajandi gootika
  2. Genf
  3. Lucida
  4. Lucida Sans
  5. Lucida Grande
Serifi veebiturvalised fondid

Need on serifi jaoks parimad

  1. Kuller
  2. Kuller Uus
  3. Gruusia
  4. Ajad
  5. Times New Roman

Need töötavad, kuid ei pruugi mõnes arvutis ilmuda.

  1. MS Serif
  2. New York
  3. Palatinus
  4. Palatino linotüüp
Monospace Fonts

Parimad monoruumi fondid

  1. Kuller
  2. Kuller Uus

Need töötavad, kuid võivad mõnes arvutis puududa.

  1. Lucid konsul
  2. Monaco
Nutitelefonid ja mobiilseadmed

Nendel seadmetel on tõesti vaid paar fonti; Kahjuks pole Android-seadmete jaoks vastastikuseid tüüptüüpe. Selle asemel peate kasutama märgendit @font-face, et tuua sisse allikad, mida soovite kasutada. IPhone’i, iPodi ja iPadi seadmete puhul on kõige sagedamini kasutatavad tüübid:

  1. Arial
  2. Kuller
  3. Kuller Uus
  4. Gruusia
  5. Helvetica
  6. Palatinus
  7. Times New Roman
  8. Trebuchet MS
  9. verdana

Need on kõige levinumad veebiturvalised fondid, mida saate kasutada ja olla kindel, et enamik inimesi näeb teie veebilehte iPhone’is, iPadis ja iPadis õigesti kuvatuna.

Tasuta vs tasuline

Avatud lähtekoodiga programmidega, nagu Open Office ja LibreOffice, võite leida Internetist allalaadimiseks palju kvaliteetseid tasuta fonte. Paljud neist on üsna kvaliteetsed ja enamikule meist meeldivad tasuta asjad; pealegi, miks mitte säästa projekti pealt paar dollarit?

Kas tasuta on alati hea, eks? Või on? Kas tasuta saab tõesti võrrelda tasuliste fontidega?

Mis vahe on tasuta fontidega võrreldes tasuliste fontidega? Vastus on kvaliteet. Jah, mõned tasuta fondid on hea kvaliteediga. Kui aga tegemist on tasuta, peaksite siiski kontrollima litsentse, et olla kindel, et saate neid kasutada.

Millised on tasuta kogude fondid?

  1. Southern Aire by Måns Grebäck on isiklikuks kasutamiseks tasuta
  2. Devil East Free fey disainiga
  3. Casablanca Noir isiklikuks kasutamiseks regulaarne, autor Billy Argel
  4. Magnoolia käsikiri, autor Jovanny Lemonad
  5. Manila Sans – paks kirjas laadis üles theprintinghub
  6. Typnic Titling by MyFonts
  7. League Gothic, autor The League of Moveable Type
  8. Grand Hotel, Astigmatic
  9. Ayres Serif, autor Mariel Gornati

Millised on 2016. aasta parimad tasuta fondid?

  1. Arctic Tasuta font
  2. Bemount Tasuta font
  3. Esphimere tasuta font
  4. Jaden tasuta fondid
  5. Barbaro tasuta fondid
  6. Ansley Display tasuta font
  7. Bariol Serif tasuta font
  8. Bohemia SlabSerif tasuta font
  9. Stellar Tasuta font
  10. Panama tasuta font
  11. BSRU Bansomdej tasuta font
  12. Firefly tasuta font
  13. Mighttype skripti tasuta font
  14. BERNIER Tasuta font
  15. Mälu tasuta font

Milleks võiks neid tasuta fonte kasutada? Võib-olla oleks lugude jutustamise veebilehel hea koht nende fontide kasutamiseks. Neid võiks kasutada ka isikliku päeviku, fotoblogi jaoks; peaaegu kõike, mida soovite Internetis avaldada.

Milliseid fonte professionaalid kasutavad?

Kui disainerid loovad klientidele veebilehti, kasutavad nad tasulisi fonte mitmest kollektsioonist.

Võib-olla mõtlete, milliseid fonte professionaalid kasutavad? Neid fonte kasutavad enim professionaalid.

1 Helvetica
2 Frutiger

3 Myriad Pro

4 Future Std

5 Traianus

6 Optima Std

7 ITC Franklin Gothic Std

8 Tulevik

9 Bickhami stsenaarium

10 universumit

11 Eurostiil

12 Interstate

13 Kaubandusgootika

14 Gill Sans

15 Warnock

16 Kepler

17 Bodoni

18 Bembo

19 Rockwell

20 Meta

21 Gotham

Need 21 fonti, mida näete kõige sagedamini veebisaitidel, mille on kujundanud professionaalsed veebidisainerid.

Kas professionaalsed veebidisainerid kasutaksid tasuta fonte? Võib olla mõni tasuta font, mida professionaalne veebidisainer võib sõltuvalt kliendi soovidest ja vajadustest kasutada. Siin on mõned, mida võivad kasutada professionaalsed veebidisainerid.

  • Maitsev
  • paganad
  • Tallys
  • Yanone kohvipaks
  • Ambrosia
  • Lacuna
  • Liberation Family, mis sisaldab Sansi ja Serifi
  • Advent Pro
Mille jaoks oleks fonte vaja?

Milleks võib fonte vaja minna? Mõned asjad, mille puhul saate fonte kasutada, on CV kirjutamine, päeviku või ajaveebi kirjutamine või fotopäevik perefotode jagamiseks. Võite neid kasutada ka oma perekonna ajaloo ja sugupuu või võib-olla oma koduettevõtte veebisaidi (nt vabakutseliste jaoks) kirjutamiseks.

Kui olete vabakutseline kirjanik, peaksite mõnda neist tasuta fontidest kaaluma tööriistadena, mida saate kasutada sõltuvalt sellest, mida klient soovib esitada. Saate neid kasutada ka oma portfellis klientidele näitamiseks.

Kust fonte saab?

Kust hankida fonte oma projektide, veebilehtede ja muuks otstarbeks? Siin on nimekiri kohtadest, kust saate fonte hankida. Mõned neist on tasulised ja mõned tasuta, teised sisaldavad tasuliste ja tasuta fontide kombinatsiooni, mida saate alla laadida.

  • Microsofti kontoritugi – paljude eest makstakse, mõned võivad olla tasuta
  • Google Fonts – Google’i tasuta fondid
  • 1001 tasuta fonti – üle 12 000 tasuta fondi, sellel on ka maci fonte
  • DaFont – need on tasuta
  • Linnafondid – need on tasuta
  • Font Squirrel – sellel saidil pole mitte ainult tasuta ja tasulisi, vaid see näitab, milliste operatsioonisüsteemidega font töötab.
  • Itunes – Apple Store’is on nii tasuta kui ka tasulisi fonte

Paljudel nendel saitidel, kui mitte kõigil, antakse juhiseid selle kohta, kuidas oma operatsioonisüsteemi fonte alla laadida ja installida, olenemata sellest, kas see on Windows või Mac.

Lihtsalt pöörake tähelepanu ja järgige antud juhiseid ning allalaaditud fontide installimisel ei tohiks probleeme tekkida.

Kui palju fontide eest maksate, sõltub teie ettevõtte tüübist, teie projektide tüübist ja eelarvest.

Pidage meeles, et tasuta ei ole alati parim valik. Kui soovite, et kliendid saaksid valida mitmekülgse valiku, peate mõne fondi eest tasumiseks mõne muu valdkonna eelarvet kärpima.

Kui arvate, et tasuline font oleks kliendi jaoks parem valik, selgitage talle, miks näidata neile tasuliste ja tasuta fontide erinevust; Selgitage kindlasti, et kõigis süsteemides ei pruugi fonte installitud olla ja seetõttu ei pruugi nad nende esitatud teavet näha.

Järeldus

Kõigi isetehtavate veebiehitussaitidega ei pea te enam HTML-i ega CSS-i teadmisi omama, kuid peaksite teadma, millist tüüpi fonte opsüsteemides üldiselt kasutatakse.

Kui loote veebisaiti, annate külastajatele teavet oma ettevõtte või asjade kohta, mida nad peavad teadma, või isegi teie enda kohta.

Kui loote oma veebisaidi ja ei kasuta tavalist fonti, mille enamik operatsioonisüsteeme on installinud, ei pruugi teie saidi külastajad näha teie dokumente või teavet, mida proovite neile edastada.

Teie valitud fondid on äärmiselt olulised ja neid tuleks hoolikalt valida, eriti praegu, kuna paljud loovad oma veebisaite ise.

Peate meeles pidama, et igasse arvutisse ei ole installitud kõiki fonte, mistõttu peaksite valima fondiperekonna või fondid, millel on sarnased fondid, mida saab selle asemel kasutada.

Oleme andnud teile palju fonte, mille hulgast valida, mõned maksid mõned tasuta; Teie otsustada, kumb on teie projekti või ettevõtte jaoks parem – tasuline või tasuta. Kõik sõltub sellest, millist pilti soovite inimestele esitada; professionaalne või armatuur. Kui see on kliendi jaoks; siis on ka teie ülesanne esitada neile parimad tasulised ja tasuta valikud ning selgitada nende erinevusi, et neil oleks kogu targa valiku tegemiseks vajalik teave. Ärge unustage neile öelda, mida teie kui professionaal oma isikliku projekti jaoks valiksite ja miks.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More