Sintaksa za lastnost pisave in družine
Tipografsko oblikovanje je kritično pomemben del uspešnega spletnega oblikovanja. Ustvarjanje spletnih mest z besedilom, ki je preprosto brati in ki izgleda super je cilj vsakega strokovnjaka za spletno oblikovanje. Da bi to dosegli, boste morali imeti možnost nastaviti določene pisave, ki jih želite uporabiti na svojih spletnih straneh. Če želite v spletnem dokumentu podati pisavo ali družino pisav, uporabite slog pisave v družini vašega CSS.
Najpreprostejši slog pisave družine, ki bi ga lahko uporabljali, bi vključevala samo eno družino pisav:
p {font-family: Arial; }Če ste ta slog uporabili na strani, bi bili vsi odstavki prikazani v družini pisav "Arial". To je super in ker "Arial" je tisto, kar je znano kot "spletno varen pisav", kar pomeni, da bi večina (če ne vsi) računalnik namestili, lahko preprosto počitek vedeti, da bo vaša stran prikazana v predvideni pisavi .
Torej, kaj se zgodi, če izbrane pisave ni mogoče najti? Če na primer na strani ne uporabljate "spletnega varnega pisave", kaj naredi uporabniški agent, če nimajo te pisave? Izvedejo zamenjavo.
To lahko povzroči nekaj zelo smešno videti strani. Nekoč sem šel na stran, kjer je bil moj računalnik v celoti prikazan v "Wingdings" (ikona), ker moj računalnik ni imel pisave, ki jo je razvil razvijalec, in moj brskalnik je zelo slabo izbral, v kakšni pisavi bi uporabite kot nadomestek. Stran je bila popolnoma neberljiva za mene! Tu se prijavi zaloga pisem.
Ločite več družin pisav z vejico v stacku
"Font stack" je seznam pisav, za katere želite, da vaša stran uporablja. Svoje izbire pisave bi dali po svoji želji in jih ločili z vejico. Če brskalnik na seznamu nima prve družine pisav, bo poskusil z drugim, nato pa s tretjo in tako naprej, dokler ne najde enega, ki ga ima na sistemu.
font-family: Pussycat, Algerian, Broadway;V zgornjem primeru bo brskalnik najprej poiskal pisavo "Pussycat", nato "Algerian" in "Broadway", če nobena od drugih pisav ni bila najdena. To vam daje več možnosti, da boste uporabili vsaj eno od vaših izbranih pisav. Ni popolna, zaradi česar imamo še več, da lahko dodamo v naš stack font (bere naprej!).
Uporabi Generic Fonts Last
Torej lahko ustvarite paket stevilk s seznamom pisav in še vedno nihče ne more najti brskalnika. Očitno ne želite, da se vaša stran prikaže neberljiva, če brskalnik naredi slabo izbiro substitucije. Na srečo ima CSS tudi rešitev za to: splošne pisave .
Vedno morate končati svoj seznam pisav (tudi če je seznam družinskih ali samo varnih spletnih pisav) z generično pisavo. Pet jih lahko uporabite:
- cursive
- fantazija
- monospace
- sans-serif
- serif
Dva zgornja primera sta lahko spremenjena v:
font-family: Arial, sans-serif; font-family: Pussycat, Algerian, Broadway, fantazija;Nekatera imena družinskih pisav so dve ali več besed
Če želite, da je družina pisav, ki jo želite uporabiti, več kot eno besedo, jo morate obkrožiti z dvojnimi oznakami. Medtem ko lahko nekateri brskalniki preberejo družine pisav brez narekovajev, lahko pride do težav, če je presledek zgoščen ali prezrt.
font-family: "Times New Roman", serif;V tem primeru lahko vidite, da je ime pisave "Times New Roman", ki je več besed, zaokroženo v narekovajih. To govori brskalniku, da so vse tri besede del tega imena pisave, v nasprotju s tremi različnimi pisavami z imeni ene besede.
Izvorni članek Jennifer Krynin. Uredi na 12/2/16 z Jeremy Girard