Is-Sintaxxa tal-Proprjetà Font-Familja
Id-disinn tipografiku huwa biċċa importanti kritikament ta 'disinn ta' websajt ta 'suċċess. Il-ħolqien ta 'siti b'test li huwa faċli biex jinqara u li jidher tajjeb huwa l-għanijiet ta' kull web design professional. Biex tikseb dan, ser ikollok bżonn tkun tista 'tiffissa l-fonts speċifiċi li tixtieq tuża fuq il-paġni web tiegħek. Biex tispeċifika t-tipa jew il-familja tat-tipa fuq id-dokumenti tal-Web tiegħek, tuża l-proprjetà tal-istil font-family fis-CSS tiegħek.
L-istil tal-familja tat-tipa sempliċi li tista 'tuża tkun tinkludi biss familja waħda tat-tipa:
p {font-family: Arial; }Jekk applikajt dan l-istil għal paġna, il-paragrafi kollha jkunu murija fil-familja tat-tipa "Arial". Dan huwa kbir u peress li "Arial" huwa dak li hu magħruf bħala "font sikura fuq l-internet", li jfisser li l-biċċa l-kbira (jekk mhux kollha) kompjuter ikollhaha installata, tista 'mistrieħ pretty faċilment taf li l-paġna tiegħek ser tidher fit-tipa maħsuba .
Allura x'jiġri jekk il-font li tagħżel ma tistax tinstab? Per eżempju, jekk ma tużax "web safe font" fuq paġna, x'jagħmel l-aġent ta 'l-utent jekk ma jkollux dik il-font? Huma jagħmlu sostituzzjoni.
Dan jista 'jirriżulta f'xi paġni li jħarsu ħafna. I darba marru għal paġna fejn il-kompjuter tiegħi weraha kompletament f '"Wingdings" (sett ta' ikona) minħabba li l-kompjuter tiegħi ma kellux il-font li l-iżviluppatur kien speċifika, u l-browser tiegħi għamel għażla ħażina ħafna f'liema font uża bħala sostitut. Il-paġna kienet kompletament illegali għalija! Dan huwa fejn tidħol il-munzell tat-tipa.
Familji Separati Separati ta 'Fabbri b'Komma f'Munell ta' Fajls
A "font stack" hija lista ta 'fonts li tixtieq li tuża l-paġna tiegħek. Tpoġġi l-għażliet tat-tipa tiegħek skond il-preferenza tiegħek u separati kull wieħed b'virgola. Jekk il-browser ma jkollux l-ewwel familja tat-tipa fuq il-lista, hija tipprova t-tieni u mbagħad it-tielet waħda u dan sakemm issib waħda li għandha fuq is-sistema.
font-family: Pussycat, Alġerin, Broadway;Fl-eżempju ta 'hawn fuq, il-browser l-ewwel ifittex il-font "Pussycat", imbagħad "Alġerin" imbagħad "Broadway" jekk ma nstabet l-ebda tip ieħor. Dan jagħtik aktar ċans li mill-inqas wieħed mit-tipi magħżula tiegħek se jintuża. Mhuwiex perfett, u huwa għalhekk li għandna aktar nistgħu nżidu mal-munzell tat-tipa tagħna (aqra!).
Uża Fonts Ġeneriċi L-aħħar
Allura tista 'tinħoloq munzell tat-tipa b'lista ta' fonts u għad m'għandhom l-ebda wieħed mill-brawżers li jistgħu jsibu. Inti ovvjament ma tridx li l-paġna tiegħek tidher illegali jekk il-browser jagħmel għażla ta 'sostituzzjoni fqira. B'xorti tajba CSS għandha soluzzjoni għal dan ukoll: fonts ġeneriċi .
Dejjem għandek taħħal il-lista ta 'fonts tiegħek (anke jekk hija lista ta' familja waħda jew biss fonts siguri fuq l-internet) b'tipa ġenerika. Hemm ħames li tista 'tuża:
- cursive
- fantasija
- monospace
- sans-serif
- serif
Iż-żewġ eżempji ta 'hawn fuq jistgħu jinbidlu għal:
font-family: Arial, sans-serif; font-family: Pussycat, Alġerina, Broadway, fantasija;Xi Ismijiet tal-Familja ta 'Font huma Żewġ Kliem Oħra
Jekk il-familja tat-tipa li trid tuża hija aktar minn kelma waħda, imbagħad għandek timmarkaha b'marki ta 'kwota doppja. Filwaqt li xi browsers jistgħu jaqraw il-familji tat-tipa mingħajr il-virgoletti, jista 'jkun hemm problemi jekk l-ispazju vojt ikun ikkondensat jew injorat.
font-family: "Times New Roman", serif;F'dan l-eżempju, tista 'tara li l-isem tat-tipa "Times New Roman", li huwa multi-kelma, huwa magħluq fil-kwotazzjonijiet. Dan jgħidlek lill-browser li t-tlieta minn dawn il-kliem huma parti minn dak l-isem tat-tipa, għall-kuntrarju ta 'tliet fonts differenti kollha b'isem ta' kelma waħda.
Artikolu oriġinali minn Jennifer Krynin. Editjat fit-12/2/16 minn Jeremy Girard