Naon Dupi a "Font tumpukan"?

Bari Gambar meunang loba cinta nu lamun datangna ka situs web, éta kecap ditulis yén banding ka mesin milarian tur mawa mudik eusi paling loka. Salaku misalna, desain typographic mangrupakeun bagian kritis penting design ramatloka. Kalawan pentingna téks situs urang asalna kudu mastikeun yén éta Sigana alus sarta gampang maca. Hal ieu dilakukeun ku CSS (Cascading Style cadar) styling.

Handap baku desain web modern, lamun rék ngarahkeunnana tampilan eusi téks ramatloka urang, anjeun bakal ngalakukeun kitu maké CSS. Ieu misahkeun éta gaya CSS tina struktur HTML tina kaca. Salaku conto, lamun hayang nyetél font tina kaca ka "Arial", Anjeun bisa ngalakukeunana ku nambahkeun aturan gaya handap ka CSS anjeun (catetan - ieu bakal dipikaresep dilakukeun dina lambaran gaya CSS éksternal anu kakuatan nu gaya keur unggal kaca dina website):

awakna {font-kulawarga: Arial; }

font ieu diatur pikeun "awak", jadi nu CSS cascade bakal nerapkeun gaya ka sakabeh elemen séjén kaca. Ieu kusabab unggal unsur séjén HTML mangrupakeun anak ti "awak" unsur, CSS gaya kawas kulawarga font atawa warna bakal cascade ti indungna ka unsur anak. Ieu bakal kasus iwal hiji gaya anu leuwih spésifik ditambahkeun pikeun elemen tangtu. Hijina masalah CSS ieu nu ngan hiji font tunggal anu dieusian. Mun font nu teu bisa kapanggih pikeun sababaraha alesan, browser bakal ngagantikeun sejen dina tempatna. Ieu anu goréng sabab boga kontrol ngaliwatan naon font anu dipaké - browser bakal milih pikeun anjeun, sarta anjeun bisa jadi teu resep naon eta mutuskeun pikeun ngagunakeun! Maksudna dimana a tumpukan font asalna di.

A tumpukan font mangrupa daptar fon dina deklarasi CSS font-kulawarga. The fon dibéréndélkeun dina urutan tina sering dipake tinimbang nu Rék ka muncul dina situs dina kasus masalah kawas font teu loading. A tumpukan font ngamungkinkeun hiji desainer ngadalikeun katingal tina fon dina kaca web sanajan komputer anu teu boga font awal nu disebut pikeun.

Jadi kumaha teu a tumpukan font kasampak? Di handap ieu conto:

awakna {font-kulawarga: Géorgia, "Times New Roman", serif; }

Aya sababaraha hal anu aya bewara di dieu.

Kahiji, anjeun bakal nempo yén urang dipisahkeun ngaran font béda jeung koma. antara tiap hiji Anjeun tiasa nambahkeun saloba fon anjeun dipilampah, salami aranjeunna dipisahkeun ku koma. browser bakal coba pikeun muka éta font kahiji dieusian heula. Mun nu gagal, eta baris ngajalankeun handap garis nyobian unggal font nepika manggih hiji nu bisa dipake. Dina conto ieu kami nganggo fon web aman, tur "Géorgia" bakal dipikaresep kapanggih dina komputer baé urang anu ngadatangan situs (catetan - browser nu Sigana dina komputer Anjeun pikeun fon dieusian dina kaca, jadi situs nu sabenerna sangkan komputer nu fon pikeun muka tina sistem anjeun). Mun keur sababaraha alesan font nu teu kapanggih, éta bakal mindahkeun handap tumpukan jeung cobaan nu font hareup dieusian.

Dina watesan yén font hareup, perhatikeun kumaha eta anu ditulis dina tumpukan nu. Nami "Times New Roman", ieu encased dina tanda petik ganda. Ieu kusabab nami font boga sababaraha kecap. Sagala fon ngaran kalawan leuwih ti hiji kecap (Trebuchet MS, kurir Anyar, jsb) kudu boga ngaran dina tanda petik ganda sahingga browser nu weruh yén sakabéh jalma kecap téh bagian tina salah sahiji ngaran font.

Tungtungna, urang mungkas tumpukan font kalawan "serif", nu mangrupakeun klasifikasi font generik. Dina conto saperti teu mirip nu taya sahiji fon geus ngaranna dina tumpukan Anjeun nu sadia, browser gaganti bakal ngan manggihan hiji font anu sahenteuna ragrag kana klasifikasi ditangtoskeun nu tos Anjeun dipilih. Contona, lamun anu ngagunakeun fon sans-serif kawas Arial na Verdana, ti tungtung hiji tumpukan font jeung klasifikasi "sans-serif" sahenteuna bakal tetep font dina éta kulawarga sakabéh lamun aya masalah beban. Diaku, kudu langka pisan nu browser hiji moal bisa manggihan salah sahiji fon didaptarkeun dina tumpukan jeung kudu gantina make klasifikasi generik ieu, éta prakték pangalusna keur ngawengku eta atoh ngan janten doubly aman.

Font tumpukan jeung Web fon

Loba jaba kiwari pamakéan fon web nu boh kaasup dina loka sapanjang kalawan daya lianna (kawas gambar situs urang, file Javascript, jsb) atanapi numbu ka di hiji lokasi font offsite kawas Google fon atanapi Typekit. Bari fon ieu kedah muka saprak anjeun linking kana file diri, anjeun masih hoyong ngagunakeun tumpukan font pikeun mastikeun nu gaduh sababaraha kontrol ngaliwatan isu naon anu bisa timbul. Hal anu sarua mana keur "web aman" fon nu kedah dina komputer batur urang (catetan yén fon kami geus dipaké salaku conto dina artikel ieu, kaasup Arial, Verdana, Jorjia, sarta Times New Roman, aya sadayana fon web aman nu kedah dina komputer jalma). Sanajan likelihood tina hiji font kabawa leungit pisan low, nangtukeun hiji tumpukan font bakal ngabantu bulletproof design typographic situs urang saloba mungkin.

Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 8/9/17