Nalika gambar entuk akeh katresnan nalika teka ing situs web, iku tembung ditulis sing narik kawigaten kanggo nggolèki mesin lan nglancarake isi paling situs. Dadi, desain tipografi minangka bagean saka desain website. Kanthi pentinge tlatah situs kasebut perlu kanggo mesthekake yen katon apik lan gampang diwaca. Iki rampung karo gaya CSS (Cascading Style Sheets).
Ngikuti standar desain web modern, nalika sampeyan pengin ndikake tampilan isi teks situs web, sampeyan bakal nglakoni kanthi nggunakake CSS. Iki misahake gaya CSS kasebut saka struktur HTML sawijining kaca. Kaya conto, yen sampeyan pengin ngeset font saka kaca menyang "Arial", sampeyan bisa nindakake kanthi nambah aturan gaya ing ngisor iki menyang CSS sampeyan (cathetan - iki bakal kedadeyan ing lembaran gaya CSS eksternal sing ndadekake gaya kanggo saben kaca ing situs web):
body {font-family: Arial; }Hurup iki disetel kanggo "awak", supaya kaset CSS bakal nglamar gaya kanggo kabeh elemen liyane saka kaca. Iki amarga saben unsur HTML liyane minangka anak saka unsur "awak", gaya CSS kaya font kulawarga utawa warna bakal ngiringan saka induk menyang unsur anak. Iki bakal dadi kasus kajaba gaya luwih spesifik ditambahake kanggo elemen tartamtu. Masalah mung karo CSS iki yaiku mung siji huruf sing ditemtokake. Yen font kasebut ora ditemokake sakperangan alesan, browser bakal ngganti liyane ing sawijining panggonan. Iki ora apik amarga sampeyan ora ngontrol font apa sing digunakake - browser bakal milih kanggo sampeyan, lan sampeyan ora seneng apa sing mutusake kanggo nggunakake! Punika tumpukan font rawuh ing.
Tumpukan huruf iku dhaptar font ing deklarasi kulawarga font CSS. Huruf kasebut dicantumake miturut urutan sing disenengi supaya katon ing situs kasebut yen ana masalah kaya font ora dimuat. Tumpukan font ngidini desainer ngontrol tampilan fonts ing kaca web sanajan komputer ora nduweni font awal sing sampeyan gunakake.
Dadi, carane tumpukan font katon? Punika conto:
body {font-family: Georgia, "Times New Roman", serif; }Ana sawetara pratelan ing kene.
Kaping pisanan, sampeyan bakal weruh manawa dipisahake beda aksara kanthi koma. antarane saben Sampeyan bisa nambah minangka akeh fonts kaya, kaya anggone dipisahake karo koma. Browser bakal nyoba ngemot font kapisan sing ditemtokake dhisik. Yen gagal, bakal mbukak garis arep nyoba saben font nganti nemokake sing bisa digunakake. Ing conto iki kita nggunakake font aman web, lan "Georgia" bakal ditemokake ing komputer wong sing ngunjungi situs kasebut (cathetan - browser katon ing komputer kanggo fonts sing ditemtokake ing kaca, supaya situs kasebut bener nuduhake komputer sing bakal diowahi saka sistem sampeyan). Menawa ana alesan sing ora ditemokake font, bakal mindhah mudhun tumpukan lan nyoba font sabanjure kasebut.
Ing istilah font sing sabanjuré, sok dong mirsani cara ditulis ing tumpukan. Jeneng "Times New Roman", dibungkus nganggo tanda kutip ganda. Iki amarga jeneng font nduweni pirang-pirang tembung. Sembarang jeneng font sing nganggo luwih saka siji tembung (Trebuchet MS, Courier New, lan liya-liyane) kudu duwe jeneng ing kuotasi ganda supaya browser ngerti yen kabeh tembung kasebut minangka bagean saka siji jeneng font.
Pungkasan, kita mungkasi tumpukan font kanthi "serif", yaiku klasifikasi font umum. Ing alesan mbokmenawa ora ana font sing dijenengi ing tumpukan sampeyan, browser mung bakal nemokake font sing paling sethithik tumiba ing klasifikasi sing wis dipilih. Contone, yen sampeyan nggunakake fonts sans-serif kaya Arial lan Verdana, tinimbang nulis tumpukan font kanthi klasifikasi "sans-serif" bakal tetep sethithik font ing kulawarga kasebut yen ana masalah beban. Mesthine, mesthine kudu langka menawa browser ora bisa nemokake font-font sing didaftarake ing tumpukan lan kudu nggunakake klasifikasi generik iki, iku minangka praktik sing paling apik kanggo nglebokake manawa mung dadi aman.
Font Stacks lan Web Fonts
Akeh situs web saiki nggunakake font web sing kalebu ing situs kasebut bebarengan karo sumber daya liyane (kayata gambar situs, file Javascript, dll.) Utawa disambung menyang lokasi font offsite kaya Google Fonts utawa Typekit. Nalika fonts iki kudu diundhuh wiwit ngubungake file kasebut, sampeyan isih pengin nggunakake tumpukan font kanggo mesthekake yen sampeyan duwe kendali babagan masalah sing bakal muncul. Bab sing padha kanggo "web safe" fonts sing kudu ana ing komputer wong (catheten yen fonts sing wis digunakake minangka conto ing artikel iki, kalebu Arial, Verdana, Georgia, lan Times New Roman, kabeh web aman fonts sing kudu ing komputer wong). Sanajan kemungkinan simbol sing ilang kurang banget, nemtokake tumpukan font bakal mbantu desain tipografis situs kaya sing bisa.
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 8/9/17