Ang Tag ng Font kumpara sa Cascading Style Sheets (CSS)

Nakakita ka ba sa isang napaka lumang website at nakita ang isang hindi pangkaraniwang tag sa loob ng HTML ? Maraming taon na ang nakalilipas, ang mga taga-disenyo ng web ay talagang magtatakda ng mga font ng kanilang mga web page sa loob mismo ng HTML , ngunit ang paghiwalay ng istraktura (HTML) at estilo (CSS) ay nawala sa pagsasanay na ito ilang oras ang nakalipas.

Sa disenyo ng web ngayon, ang tag ay na-deprecate. Nangangahulugan ito na ang tag ay hindi na isang bahagi ng pagtutukoy ng HTML. Habang sinusuportahan pa ng ilang browser ang tag na ito pagkatapos na ito ay hindi na ginagamit, hindi na ito suportado sa HTML5, na siyang pinakabagong pag-ulit ng wika. Nangangahulugan ito na hindi na makikita ang tag sa iyong mga HTML na dokumento.

Ang Alternatibo sa Tag ng Font

Kung hindi mo maitatakda ang font ng teksto sa loob ng pahina ng HTML gamit ang tag, ano ang dapat mong gamitin? Ang mga style sheet ng Cascading (CSS) ay kung paano mo itatakda ang mga estilo ng font (at lahat ng mga visual na estilo) sa mga website ngayon. Magagawa ng CSS ang lahat ng mga parehong bagay na maaaring gawin ng tag, dagdag pa. Tingnan natin kung ano ang magagawa ng tag kapag ito ay isang opsyon para sa aming mga HTML na pahina (tandaan, hindi na ito suportado sa lahat, kaya hindi ito isang opsyon) at ihambing kung paano ito gawin sa CSS.

Pagbabago ng Font Family

Ang mukha ng font ay ang mukha o pamilya ng font. Gamit ang tag ng font, gugustuhin mong gamitin ang "mukha" na katangian at kailangan mong ilagay ito sa buong isang dokumento maraming, maraming beses upang itakda ang mga indibidwal na mga font para sa bawat seksyon ng teksto. Kung kailangan mong gumawa ng isang malawak na pagbabago sa font na iyon, kailangan mong baguhin ang bawat isa sa mga indibidwal na tag na ito. Halimbawa:

ang font na ito ay hindi sans-serif

Sa CSS sa halip na "face" ng font, tinatawag itong font na "pamilya". Sumulat ka ng estilo ng CSS na magtatakda ng font. Halimbawa, kung nais mong itakda ang lahat ng teksto sa isang pahina sa Garamond, maaari mong idagdag ang estilo ng visual na ganito:

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

Ang estilo ng CSS na ito ay ilalapat ang family font ng Garamond sa lahat ng bagay sa webpage dahil ang bawat elemento sa dokumento ay isang inapo ng

Pagbabago sa Kulay ng Font

Tulad ng mukha, ginagamit mo ang "kulay" na attribute at hex code o mga pangalan ng kulay upang baguhin ang kulay ng iyong teksto. Maraming taon na ang nakalipas ay itatakda mo rin ito nang isa-isa sa mga elemento ng teksto, tulad ng tag ng header.

ang font na ito ay lilang

Ngayon, magsusulat ka lang ng isang linya ng CSS.

Ito ay mas nababaluktot. Kung kailangan mo upang baguhin ang

sa bawat pahina ng iyong site, maaari kang gumawa ng isang pagbabago sa iyong CSS file at ang bawat pahina na gumagamit ng file na iyon ay maa-update.

Out Sa Lumang

Ang paggamit ng CSS upang magdikta ng mga visual na estilo ay isang pamantayan ng taga-disenyo ng web sa loob ng maraming taon, kaya't kung ikaw ay talagang tumitingin sa isang pahina na gumagamit pa rin ng tag, pagkatapos ito ay isang lumang pahina at kailangang muling maunlad upang sumunod sa kasalukuyang web disenyo ng mga pinakamahusay na kasanayan at modernong mga pamantayan sa web.

Ini-edit ni Jeremy Girard