Paano Baguhin ang Font sa Mga Pahina ng Web Paggamit ng CSS

Ang elemento ng FONT ay hindi na ginagamit sa HTML 4 at hindi bahagi ng detalye ng HTML5. Kaya, kung nais mong baguhin ang mga font sa iyong mga web page, dapat mong malaman kung paano ito gawin sa CSS (Cascading Style Sheets ).

Mga Hakbang sa Pagbabago ng Font Sa CSS

  1. Buksan ang isang web page gamit ang isang text editor ng HTML . Maaari itong maging isang bago o umiiral na pahina.
  2. Sumulat ng ilang teksto: Ang tekstong ito ay nasa Arial
  3. Palibutan ang teksto sa elemento ng SPAN: Ang tekstong ito ay nasa Arial
  4. Idagdag ang estilo ng attribute = "" sa tag ng span: Ang tekstong ito ay nasa Arial
  5. Sa loob ng estilo ng katangian, palitan ang font gamit ang font-family style: Ang tekstong ito ay nasa Arial

Mga Tip para sa Pagbabago ng Font Sa CSS

  1. Paghiwalayin ang maramihang mga pagpipilian ng font na may kuwit (,). Halimbawa,
    1. font-family: Arial, Geneva, Helvetica, sans-serif;
    2. Pinakamainam na laging may hindi bababa sa dalawang mga font sa iyong font stack (ang listahan ng mga font), kaya kung ang browser ay walang unang font, maaari itong gamitin ang pangalawang sa halip.
  2. Laging tapusin ang bawat estilo ng CSS na may isang semi-colon (;). Hindi kinakailangan kung mayroon lamang isang estilo, ngunit isang magandang ugali na makapasok.
  3. Ang halimbawang ito ay gumagamit ng mga inline na estilo, ngunit ang pinakamahusay na uri ng mga estilo ay inilalagay sa mga panlabas na estilo ng sheet upang maaari kang makaapekto sa higit pa sa isang elemento. Maaari mong gamitin ang isang klase upang itakda ang estilo sa mga bloke ng teksto. Halimbawa:
    1. class = "arial"> Ang tekstong ito ay nasa Arial
    2. Gamit ang CSS:
    3. .arial {font-family: Arial; }