Fontide perekonna omandi süntaks
Tippograafiline disain on eduka veebisaitide disaini oluline osa. Iga veebidisaini spetsialisti eesmärkide saavutamine on lihtne lugeda ja suurepärase tekstiga saite. Selle saavutamiseks peate suutma kindlaks määrata konkreetsed fonte, mida soovite oma veebilehtedel kasutada. Teie veebidokumentide kirjapõhi või fontide perekonna määramiseks kasutate CSS-i font-family stiilis vara.
Lihtsaim font-family stiil, mida võiks kasutada, peaks sisaldama ainult ühte fontide perekonda:
p {font-family: Arial; }Kui te rakendasite selle stiili lehele, kuvatakse kõik lõigud "Arial" fontide perekonnas. See on suurepärane ja kuna "Arial" on tuntud kui "veebi turvaline font", mis tähendab, et enamik (isegi mitte kõik) arvutisse installitud on, võite puhata üsna lihtsalt, teades, et teie leht kuvatakse ettenähtud fontis .
Mis juhtub siis, kui valitud fonti ei leita? Näiteks kui te ei kasuta lehel "veebi turvalist fonti", mida teeb kasutajaagent, kui neil pole seda fonti? Nad teevad asenduse.
Selle tulemuseks võivad olla mõned väga naljakad leheküljed. Üks kord läksin lehele, kus minu arvuti kuvas selle täies ulatuses "Wingdingsis" (ikoonikomplekt), kuna mu arvutil ei olnud fonti, mille arendaja oli määranud, ja mu brauser teinud väga halva valiku, mis see font kasutada asendusena. Lehekülg oli mulle täiesti loetamatu! See on koht, kus hakkab mängima font-stack.
Eraldage mitu fonti perekond, millel on kirjafunktsiooniga koma
"Fikseeritav virn" on fontide loend, mida soovite oma lehel kasutada. Pane oma fontide valikud oma eelistuste järjekorras ja eraldi komaga. Kui brauseril pole loendis esimest fontrühma, proovib ta teist ja seejärel kolmandat ja nii edasi, kuni leiab selle, mis süsteemil on.
font-family: Pussycat, Alžeeria, Broadway;Eespool toodud näites otsib brauser esmalt fondi "Pussycat", seejärel "Alžeeria" ja seejärel "Broadway", kui ühtegi teist fonti ei leita. See annab teile rohkem võimaluse, et kasutatakse vähemalt ühte valitud fonti. See ei ole täiuslik, mistõttu on meil veelgi rohkem meie kirjaplokki (loe edasi!).
Kasuta ühisfonte viimati
Nii saate fontide nimekirjaga luua fondikogumi ja ikka ei leia seda brauserit. Te kindlasti ei taha, et teie leht näitaks lugemata, kui brauser teeb kehva asendusvaliku. Õnneks on ka CSS-i jaoks lahendus: üldised fonte .
Peaksite alati lõpetama oma fontide nimekirja (isegi kui see on ühe perekonna või ainult veebi turvaliste fontide loend) üldise fondi abil. Teil on viis, mida saate kasutada:
- cursive
- fantaasia
- monospace
- sans-serif
- serif
Eespool toodud näiteid võib muuta järgmiselt:
font-family: Arial, sans-serif; font-family: Pussycat, Alžeeria, Broadway, fantaasia;Mõned fondi perekonnanimed on kaks või rohkem sõna
Kui soovitud fontide tüüp on rohkem kui üks sõna, siis peaksite seda ümbritsema kahekordse tsitaadiga märkidega. Kuigi mõni brauser võib lugeda fontide perekondi ilma jutumärkideta, võib tühikute tühik on lühendatud või eiratud.
font-family: "Times New Roman", serif;Selles näites näete, et fondi nimi "Times New Roman", mis on mitme sõna, on paigutatud jutumärkidesse. See ütleb brauserile, et kõik kolm nendest sõnadest on selle fondi nime osa, erinevalt kolmest erinevast fontist, mis kõik on ühe sõna nimedega.
Jennifer Krynini algne artikkel. Redigeeri 12. jaanuaril 16 Jeremy Girard