Nangtukeun runtuyan Kulawarga Font Jeung CSS Font-kulawarga Harta

The Rumpaka tina Font-kulawarga Harta

Desain typographic mangrupa sapotong kritis penting sukses desain ramatloka. Nyieun loka kalawan téks nu mangrupa gampang maca na nu Sigana hébat nyaéta tujuan unggal desain web profesional. Pikeun ngahontal ieu, anjeun bakal kedah tiasa nyetel fon husus nu hayang anjeun ngagunakeun dina kaca web Anjeun. Pikeun nangtukeun dina typeface atawa kulawarga font on dokumén Web anjeun anjeun bakal nganggo harta gaya font-kulawarga di CSS Anjeun.

Pangbasajanna gaya font-kulawarga nu bisa make bakal ngawengku ngan hiji kulawarga font:

p {font-kulawarga: Arial; }

Lamun dilarapkeun gaya ieu kaca, sadaya tina ayat bakal bisa ditingal dina "Arial" kulawarga font. Ieu hébat sarta saprak "Arial" nyaeta naon anu disebat salaku "font web-aman", anu hartosna paling (lamun teu sadayana) komputer bakal geus eta dipasang, anjeun tiasa beristirahat geulis gampang nyaho yén halaman anjeun bakal nembongkeun dina font dimaksudkeun .

Jadi naon kajadian lamun font Anjeun milih teu bisa kapanggih? Contona, upami anjeun teu ngagunakeun "font web aman" dina kaca, naon agén pamaké do lamun maranéhna teu boga font anu? Sakitu substitusi a.

Ieu bisa nyababkeun sababaraha kaca pilari pisan lucu. Kuring sakali indit ka hiji kaca mana komputer kuring ditampilkeun dinya ditumpes di "Wingdings" (hiji ikon-set) kusabab komputer kuring teu boga font nu pamekar kungsi dieusian, sarta browser kuring dijieun pilihan pisan ngaganjel dina naon font eta ngalakukeunana make salaku gaganti hiji. kaca éta sakabéhna unreadable keur kuring! Ieu dimana a tumpukan font asalna kana antrian.

Misah langkung ti Kulawarga Font ku koma dina Font tumpukan

A "font tumpukan" mangrupakeun daptar fon nu rek kaca anjeun ngagunakeun. Anjeun bakal nempatkeun pilihan font anjeun dina urutan tina sering dipake tinimbang anjeun sarta misahkeun unggal kalawan koma. Mun browser nu teu boga kulawarga font munggaran dina daftar, éta bakal coba kadua lajeng nu katilu jeung saterusna nepi ka manggih hiji deui boga on sistem.

font-kulawarga: Pussycat, Aljazair, Broadway;

Dina conto di luhur, browser kahiji bakal béda pikeun font "Pussycat", lajeng "Aljazair" lajeng "Broadway" lamun taya nu fon lianna nu kapanggih. Ieu méré Anjeun leuwih ti kasempetan nu sahanteuna salah sahiji fon dipilih anjeun bakal dipaké. Teu sampurna, nu naha urang geus acan leuwih bisa nambahan ka tumpukan font urang (baca dina!).

Paké generik fon Tukang

Ku kituna anjeun bisa nyieun hiji tumpukan font kalawan daptar fon sarta masih boga euweuh nu browser nu bisa manggihan. Anjeun écés teu hayang kaca anjeun pikeun némbongkeun up unreadable lamun panyungsi ngajadikeun hiji pilihan substitusi goréng. Kabeneran CSS boga solusi pikeun teuing ieu: fon generik .

Anjeun kudu salawasna mungkas daptar font anjeun (sanajan éta daptar salah kulawarga atanapi ukur fon web aman) sareng font generik. Aya lima nu bisa Anjeun pake:

Dua conto di luhur bisa dirobah ka:

font-kulawarga: Arial, sans-serif; font-kulawarga: Pussycat, Aljazair, Broadway, fantasi;

Sababaraha Ngaran kulawarga Font aya dua kecap atawa leuwih

Mun kulawarga font nu Anjeun hoyong pake nyaéta leuwih ti hiji kecap, mangka anjeun kedah ngurilingan eta kalawan tanda ganda-cutatan. Bari sababaraha panyungsi bisa maca kulawarga font tanpa tanda petik, meureun aya masalah lamun whitespace kasebut condensed atawa teu dipalire.

font-kulawarga: "Times New Roman", serif;

Dina conto ieu, anjeun bisa nempo yén ngaran font "Times New Roman", nu multi-kecap, anu encased dina tanda petik. Ieu ngabejaan browser anu sakabeh tilu kecap ieu bagian tina éta ngaran font, sabalikna tina tilu fon béda sagala kalawan ngaran hiji-kecap.

Aslina artikel ku Jennifer Krynin. Diédit on 12/2/16 ku Jeremy Girard