Kuigi kujutised saavad veebisaitidele palju armastust, on see otsingumootoritele meeldiv kirjalik sõna ja edastab enamiku saitide sisu. Sellisena on tüpograafiline disain veebisaidi disaini kriitiliselt oluline osa. Kui saidi tekst on tähtis, tuleb tagada, et see oleks hea välja ja seda oleks lihtne lugeda. Seda tehakse CSS (kaskaaditavate stiililehtede) stiiliga.
Pärast kaasaegse veebidisaini standardit, kui soovite veebisaidi tekstisisendi välimust dikteerida, siis kasuta seda CSS-i abil. See eraldab selle CSS-stiili lehe HTML-struktuurist. Näiteks kui soovite lehe fonti määrata Arialile, võite seda teha, lisades oma CSS-ile järgmise stiili reegli (märkus - see tõenäoliselt tehakse välise CSS-i stiili lehel, millel on stiilid iga veebisaidi lehe kohta):
keha {font-family: Arial; }See font on määratud "keha" jaoks, nii et CSS kaskaad rakendab stiili kõikidele teistele lehe elementidele. Seda seetõttu, et iga teine HTML element on element "keha" laps, CSS-stiilid nagu font-perekond või värv lahkuvad vanemast lapseelemendist. See kehtib juhul, kui teatud elementidele ei lisata täpsemat stiili. Selle CSS-iga ainus probleem on see, et on määratud ainult üksainus font. Kui seda fonti mingil põhjusel ei leita, asendab brauser selle asemel teise. See on halb, sest teil pole fondi kasutamise üle kontrolli - brauser valib teie jaoks ja te ei pruugi seda, mida ta otsustas kasutada! See on siis, kui sisse tuleb fondikapp.
Fontipank on CSS font-family deklaratsioonis olevate fontide loend. Fondid on loetletud eelistuste järjekorras, mida soovite, et need kuvataks saidil probleemi korral nagu font ei laadita. Fontiplokk võimaldab disaineril veebisaidil olevate fontide välimust juhtida ka siis, kui arvutis pole esialgset fonti, millele te kutsute.
Kuidas läheb font kuusk? Siin on näide:
keha {font-family: Georgia, Times New Roman, serif; }Siin on mõned asjad.
Esiteks näete, et eraldasime erinevad fontide nimed komaga. vahel igaüks Võite lisada nii palju fonte kui soovite, seni, kuni need eraldatakse komaga. Brauser üritab kõigepealt esimese fondi laadida. Kui see ebaõnnestub, lõpeb see joon, mis proovib iga fonti, kuni see leiab selle, mida ta saab kasutada. Selles näites kasutame veebipõhiseid fonte ja "Georgia" leitakse tõenäoliselt selle saidi külastanud inimese arvutis (märkus - brauseris kuvatakse teie arvutis lehtedel määratud fonte, nii et see lehekülg tegelikult räägib arvuti, millele fonte laaditakse teie süsteemist). Kui mingil põhjusel seda fonti ei leitud, liiguks see virna alla ja prooviks järgmisi määratud fonte.
Selle järgmise fondi mõttes märkige, kuidas see on virnas kirjutatud. "Times New Romani" nimi on kahekordse hinnapakkumisega. Seda seetõttu, et fondi nimeks on mitu sõna. Fontide nimed, millel on rohkem kui üks sõna (Trebuchet MS, Courier New jne) peavad olema nimeks topeltjutumusega, nii et brauser teaks, et kõik need sõnad on osa ühest fonti nimega.
Lõpuks lõpetame kirjafaili koos serifiga, mis on üldine fontide klassifikatsioon. Ebatõenäoliselt ei leia ühtegi fonti, mille olete oma lauale nimeks määranud, leiduda, leiab see brauser selle asemel lihtsalt fondi, mis vastab vähemalt teie poolt valitud õigele klassifikatsioonile. Näiteks kui kasutate sans-serif-fonte, nagu Arial ja Verdana, siis kui sans-serifi klassifikatsiooniga font-staabi lõppemine hoiab alles selle kogu perekonna fondi, kui esineb koormusprobleeme. On tõsi, et peaks olema väga haruldane, et brauser ei leia ühtegi fonti, mis on loetletud lahtris, ja selle asemel tuleb kasutada seda üldist klassifikatsiooni, on parim tava lisada see siiski kahekordselt ohutuks.
Fondikogud ja veebifonendid
Paljud veebisaidid kasutavad tänapäeval veebifoneid, mis on saidil koos muude ressurssidega (nagu saidi pildid, Javascripti fail jne) või ühendatud välistõlkefailide asukohta nagu Google Fonts või Typekit. Kuigi need fondid peaksid laadima, kuna olete faile ise linkides, soovid ikkagi kasutada fondipakki, et tagada mõne võimaliku probleemi kontrolli. Sama kehtib ka veebi turvaliste fontide kohta, mis peaksid olema kellegi arvutis (meeles pidan, et käesolevas artiklis kasutatud näidetena kasutatavad fondid, sealhulgas Arial, Verdana, Gruusia ja Times New Roman on kõik veebi turvalised kirjad, mida tuleks kasutada inimese arvutis). Isegi kui fondi puudumine on tõenäoliselt väga väike, aitab font-paneeli täpsustamine nii palju kui võimalik saidi tüpograafilist disaini .
Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 8.9.1917