Določanje vrste družin pisav z lastnostjo družine pisav CSS

click fraud protection

Tipografsko oblikovanje je ključnega pomena za uspešno oblikovanje spletnih strani. Cilj vsakega strokovnjaka za spletno oblikovanje je ustvariti spletna mesta z besedilom, ki je lahko berljivo in je videti odlično. Da bi to dosegli, boste morali biti sposobni nastaviti posebne pisave, ki jih želite uporabljati na svojih spletnih straneh. Če želite v svojih spletnih dokumentih določiti pisavo ali družino pisav, boste uporabili lastnost sloga družine pisav v vašem CSS.

Najbolj nezapleten slog družine pisav, ki bi ga lahko uporabili, bi vključeval samo eno družino pisav:

p {
družina pisav: Arial;
}

Če ste ta slog uporabili za stran, bi bili vsi odstavki prikazani v družini pisav "Arial". To je super in ker je "Arial" tisto, kar imenujemo "pisava, varna za splet", kar pomeni največ (če ne celo vse) v računalnikih bi ga namestili, lahko ste mirni, saj veste, da se bo vaša stran prikazala v predvidenem pisave.

Kaj se torej zgodi, če izbrane pisave ni mogoče najti? Če na primer na strani ne uporabljate "spletne varne pisave", kaj naredi uporabniški agent, če te pisave nima? Naredijo zamenjavo.

instagram viewer

To lahko povzroči nekaj zabavnih strani. Enkrat sem šel na stran, kjer jo je računalnik v celoti prikazal v "Wingdings" (nabor ikon), ker moj računalnik ni imel pisavo, ki jo je določil razvijalec, in moj brskalnik se je brez strahu odločil, katero pisavo bo uporabil kot zamenjava. Stran je bila zame popolnoma neberljiva! Tu nastopi sklad pisav.

Več družin pisav ločite z vejico v nizu pisav

"Sklad pisav" je seznam pisav, ki jih želite uporabljati na svoji strani. Izbire pisav bi postavili po želji in jih ločili z vejico. Če brskalnik nima prve družine pisav na seznamu, bo poskusil drugo in nato tretjo in tako naprej, dokler ne najde tiste, ki jo ima v sistemu.

družina pisav: Pussycat, Alžirija, Broadway;

V zgornjem primeru bo brskalnik najprej poiskal pisavo "Pussycat", nato "alžirsko" in nato "Broadway", če ni bila najdena nobena druga pisava. To vam daje več možnosti, da bo uporabljena vsaj ena od izbranih pisav. Ni popoln, zato imamo v svoj kup pisav še več, kar lahko dodamo (beri naprej!).

Uporabi generične pisave Zadnja

Tako lahko ustvarite sklad pisav s seznamom pisav in še vedno nimajo nobene, ki bi jo brskalnik našel. Ne želite, da je vaša stran videti neberljiva, če brskalnik slabo izbira zamenjavo. Na srečo ima CSS rešitev tudi za to in se imenuje generične pisave.

Seznam pisav (tudi če gre za seznam ene družine ali samo spletno varnih pisav) morate vedno končati z generično pisavo. Uporabite jih lahko pet:

  • Kurzivno
  • Fantazija
  • Monospace
  • Brez serifa
  • Serif

Dva zgornja primera lahko spremenite v:

družina pisav: Arial, sans-serif;

ali.

družina pisav: Pussycat, Alžirija, Broadway, fantazija;

Nekatera družinska imena pisav so dve ali več besed

Če je družina pisav, ki jo želite uporabiti, več kot ena beseda, jo obdajte z dvojnimi narekovaji. Medtem ko lahko nekateri brskalniki berejo družine pisav brez narekovajev, lahko pride do težav, če je presledek zgoščen ali prezrt.

družina pisav: "Times New Roman", serif;

V tem primeru lahko vidite, da je ime pisave "Times New Roman", ki je večbesedno, zapisano v narekovaje. To brskalniku pove, da so vse tri besede del tega imena pisave, v nasprotju s tremi različnimi pisavami, vse z enobesednimi imeni.

instagram story viewer