Apa sing dimaksud ing kulawarga font umum ing CSS?

Klasifikasi font umum sing kasedhiya kanggo nggunakake ing situs web panjenengan

Nalika ngrancang situs web, salah sijine elemen kunci saka sawijining kaca sing bakal digarap yaiku isi teks. Dadi, nalika mbangun kaca web lan nganggo CSS, sebagian besar usaha kasebut bakal dipusatake ing tipografi situs.

Desain tipografi nduweni peran penting ing desain situs web. Isi teks sing apik lan apik kanggo mbantu situs bisa luwih apik kanthi nggawe pengalaman maca sing bisa nyenengake lan gampang dianggo. Bagéan saka upaya sampeyan nggarap tipe bakal milih fonts sing tepat kanggo rancangan lan banjur nggunakake CSS kanggo nambah fonts lan gaya font menyang tampilan kaca. Iki rampung kanthi nggunakake apa sing diarani " font-stack "

Font-Stacks

Nalika sampeyan nemtokake hurup kanggo digunakake ing kaca web, iku praktik paling apik uga kalebu pilihan mundur sakwise pilihan font sampeyan ora bisa ditemokake. Pilihan larang regane iki diwenehi ing "tumpukan font." Yen browser ora bisa nemokake font pisanan sing didaftar ing tumpukan, pindhah menyang sing sabanjure. Iku tetep proses iki nganti nemokake font sing bisa digunakake, utawa metu saka pilihan (ing kasus iki mung milih sistem font sembarang kepengin). Punika conto babagan tumpukan font ing CSS nalika diterapake ing elemen "awak":

body {font-family: Georgia, "Times New Roman", serif; }

Wara-wara yen kita nemtokake Georgia font pisanan. Secara default, iki minangka kaca sing bakal digunakake, nanging yen hurup kasebut ora kasedhiya kanggo sawetara alasan, kaca bakal tiba ing Times New Roman. We enclose sing jeneng font ing kuotasi ganda amarga iku jeneng multi-tembung. Jeneng font tunggal, kaya Georgia utawa Arial, ora mbutuhake tanda kutip, nanging jeneng font multi-word kudu padha supaya browser ngerti yen kabeh tembung kasebut mbentuk jeneng font.

Yen sampeyan nemtokake tumpukan tumpukan font, sampeyan kudu sok dong mirsani manawa kita mungkasi tembung "serif". Iki minangka jeneng kulawarga font umum. Ing acara sing ora mungkin wong ora duwe Georgia utawa Times New Roman ing komputer, situs iki bakal nggunakake font serif wae sing bisa dideleng. Iki luwih disenengi kanggo mbisakake situs kasebut kanggo ngganti wujud apa wae fonts sing dikarepake, amarga paling sethithik bisa diwenehi apa jenis font sing digunakake supaya tampilan lan nada sakabehe desain situs bakal tetep utuh. Ya, browser bakal milih hurup kanggo sampeyan, nanging paling sampeyan menehi panuntun dhumateng supaya ngerti apa jenis font bakal paling apik ing desain.

Generic Font Families

Jeneng font umum sing kasedhiya ing CSS yaiku:

Nalika akeh klasifikasi font sing kasedhiya ing desain web lan typography, kalebu slab-serif, blackletter, tampilan, grunge, lan liyane, iki 5 jeneng umum font sing didaftar minangka font sing bakal digunakake ing font-stack ing CSS. Apa beda klasifikasi font kasebut? Ayo katon!

Huruf kursif asring ngemot bentuk surat sing tipis lan ornate sing dimaksudake kanggo niru teks tulisan tangan apik. Huruf iki, amarga huruf sing tipis lan apik, ora cocog kanggo isi gedhe kaya salinan awak. Huruf kursif umumé digunakna kanggo judhul lan kabutuhan teks luwih cendhek sing bisa ditampilake kanthi ukuran huruf gedhe.

Huruf fantasi yaiku fonts sing rada edan sing ora bisa digolongake ing kategori liyane. Huruf-huruf sing ngasilake logo sing luwih dikenal, kayata surat saka Harry Potter utawa Film Back to the Future, bakal digolongake ing kategori iki. Mangkono, fonts iki ora cocog kanggo isi awak wiwit asring banget dadi stylized sing maca paragraf lawas teks ditulis ing fonts iki akeh banget hard kanggo nindakake.

Wigati Monospace yaiku kabeh papan tulis sing padha ukurane lan diwenehi jarak, kaya sing bakal ditemokake ing mesin tik lawas. Ora kaya font-font liya sing duwe variabel lebar kanggo huruf gumantung ukurane (contone, ibukutha "W" bakal njupuk luwih akeh tinimbang huruf cilik "i"), font monospace sing ditrapake jembar kanggo kabeh karakter. Huruf iki asring digunakake nalika kode ditampilake ing kaca amarga padha katon beda beda tinimbang teks liyane ing kaca kasebut.

Huruf serif minangka salah sawijining klasifikasi luwih populer. Iki minangka font sing nduweni tegangan ekstra ing huruf. Potongan kasebut disebut "serif". Font umum serif yaiku Georgia lan Times New Roman. Font serif bisa digunakake kanggo teks gedhe kaya judhul lan uga paragraf-paragraf panjang lan salinan awak.

Sans-serif minangka klasifikasi pungkasan sing bakal kita tingali. Iki minangka font sing ora nduweni tegates kasebut. Jeneng iki tegese "tanpa serif". Populer fonts ing kategori iki bakal dadi Arial utawa Helvetica. Kaya serif, font sans-serif bisa digunakna kanthi merata sajrone judul uga isi awak.

Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 10/16/17