Ang Font Tag Versus Cascading Style Sheets (CSS)

Nakita ba nimo ang usa ka karaan nga website ug nakita ang usa ka talagsaon nga tag sulod sa HTML ? Daghang mga tuig na ang milabay, ang mga tigdisenyo sa web sa tinuud nagbutang sa mga font sa ilang mga web page sulod sa HTML mismo, apan ang pagbulag sa istruktura (HTML) ug estilo (CSS) nakapahawa niining praktis pipila ka panahon ang milabay.

Sa disenyo sa web karon, ang tag wala na usba. Kini nagpasabot nga ang tag dili na bahin sa espesipikasyon sa HTML. Samtang ang pipila ka mga browsers nagsuporta gihapon niini nga tag human kini wala na usba, wala na kini gipaluyohan sa HTML5, nga mao ang labing bag-o nga pag-usab sa pinulongan. Kini nagpasabot nga ang tag dili na makita sa imong mga dokumento sa HTML.

Ang Alternatibo sa Tag sa Font

Kon dili nimo ma-set ang font sa teksto sulod sa panid sa HTML uban sa tag, unsay angay nimong gamiton? Ang mga cascading style sheets (CSS) mao kon giunsa nimo pagbutang ang mga estilo sa font (ug tanan nga estilo sa visual) sa mga website karon. Ang CSS makahimo sa tanang managsama nga mga butang nga mahimo sa tag, ug daghan pa. Atong tan-awon kung unsa ang mahimo sa tag kon kini usa ka kapilian alang sa atong mga panid sa HTML (hinumdomi, wala kini gipaluyohan, mao nga dili kini usa ka kapilian) ug itandi kung unsaon kini pagbuhat sa CSS.

Pag-usab sa Font Family

Ang nawong sa nawong mao ang nawong o pamilya sa font. Uban sa tag sa font, imong gamiton ang "nawong" nga kinaiya ug kinahanglan nimo ibutang kini sa tibuok usa ka dokumento daghang, sa daghang mga higayon nga ibutang ang tagsa-tagsa nga mga font alang sa matag seksyon sa teksto. Kung gikinahanglan nimo ang usa ka dakong kausaban sa maong font, kinahanglang usbon nimo ang matag usa niining tagsa nga tag. Pananglitan:

kini nga font dili sans-serif

Sa CSS imbis nga "nawong" sa font, gitawag kini nga "pamilya" sa font. Nagsulat ka og estilo sa CSS nga magbutang sa font. Pananglitan, kung gusto nimo nga ibutang ang tanan nga teksto sa usa ka panid sa Garamond, mahimo nimong idugang ang biswal nga istilo nga sama niini:

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

Kini nga estilo sa CSS magamit ang font nga pamilya ni Garamond sa tanang butang sa webpage tungod kay ang matag elemento sa dokumento usa ka kaliwat sa

Pag-usab sa Kolor nga Font

Sama sa nawong, imong gigamit ang "kolor" nga kinaiya ug mga code sa hex o mga pangalan sa kolor aron mausab ang kolor sa imong teksto. Mga katuigan kanhi imong ibutang kini nga tagsa-tagsa sa mga elemento sa text, sama sa tag sa header.

kini nga bughaw maoy purpura

Karon, magsulat ka lang sa usa ka linya sa CSS.

Kini labaw ka madugangan. Kung kinahanglan nimo nga usbon ang

sa matag panid sa imong site, mahimo ka nga magbag-o sa imong CSS file ug ang matag panid nga naggamit niana nga file ma-update.

Gawas sa Daan

Ang paggamit sa CSS sa pagdikta sa mga estilo sa biswal nahimong sumbanan sa tigdisenyo sa web sulod sa daghang katuigan, busa kung nagtan-aw ka sa usa ka panid nga gigamit gihapon ang tag, nan kini usa ka karaan nga panid ug kini kinahanglan nga mapalambo pag-usab aron mahiuyon sa kasamtangan nga web pagdisenyo sa labing maayo nga mga buhat ug modernong mga sumbanan sa web.

Gipagamyan ni Jeremy Girard