Tag Font Versus Cascading Style Sheets (CSS)

Apa sampeyan katon ing situs web sing lawas banget lan ndeleng tag sing ora umum ing HTML ? Akeh taun kepungkur, perancang web bakal nemtokake fonts ing kaca web kasebut ing jero HTML dhewe, nanging pamisahan struktur (HTML) lan gaya (CSS) ora adoh karo praktek iki sawetara wektu kepungkur.

Ing desain web saiki, tag wis ora ditepungi. Iki tegese label kasebut ora dadi bagian saka spesifikasi HTML. Nalika sawetara panyayunan isih ndhukung tag kasebut sawise durung ditrapake, ora didukung manèh ing HTML5, sing minangka basa pangulangan paling anyar. Iki tegese label ora bisa ditemokake ing dokumen HTML maneh.

Alternatif kanggo Tag Font

Yen sampeyan ora bisa nyetel font teks nang kaca HTML nganggo tag, apa sing kudu sampeyan gunakake? Gaya cithakan kaset (CSS) yaiku cara nyetel gaya font (lan kabeh gaya visual) ing situs web iki. CSS bisa nindakake samubarang kabeh perkara sing bisa dilakoni, uga luwih akeh. Ayo mriksa apa sing bisa dilakoni nalika ana pilihan kanggo kaca HTML kita (eling, ora didukung kabeh, supaya ora pilihan) lan mbandhingake piye carane nganggo CSS.

Ganti Family Font

Weretan huruf yaiku wajah utawa kulawarga font. Kanthi tag font, sampeyan bakal nggunakake atribut "pasuryan" lan sampeyan kudu nyelehake iki sajrone dokumen akeh, kakehan nyetel font individu kanggo saben bagean teks. Yen sampeyan perlu nggawe owah-owahan sing nyapu ing hurup kasebut, sampeyan kudu ngganti saben tag kasebut. Tuladhane:

font iki ora sans-serif

Ing CSS tinimbang "face", kasebut font "family". Sampeyan nulis gaya CSS sing bakal nyetel font. Umpamane, yen sampeyan pengin nyetel kabeh teks ing kaca menyang Garamond, sampeyan bisa nambah gaya visual kaya iki:

body {font-family: Garamond, Times, serif; }

Gaya CSS iki bakal nglebokake kulawarga font saka Garamond menyang kabeh kaca web amarga saben unsur ing dokumen kasebut keturunan

Ngganti Warna Font

Kaya pasuryan, sampeyan nggunakake atribut "werna" lan kode heks utawa werna kanggo ngganti warna teks. Setahun kepungkur, sampeyan uga bakal nemtokake unsur kasebut ing saben teks, kaya tag header.

font iki abang

Dina iki, sampeyan mung nulis garis CSS.

Iki luwih fleksibel. Yen sampeyan perlu ngowahi

ing saben kaca situs sampeyan, sampeyan bisa nggawe siji owah-owahan ing file CSS lan saben kaca sing nggunakake berkas kasebut bakal diupdate.

Metu karo Lawas

Nggunakake CSS kanggo ndikte gaya visual wis dadi perancang web standar nganti pirang-pirang taun, supaya yen sampeyan lagi ndeleng kaca sing isih nggunakake tag kasebut, banjur dadi kaca sing lawas lan kudu dibangun maneh supaya sesuai karo web saiki Desain praktik paling apik lan standar web modern.

Diedit dening Jeremy Girard