Skip to main content

Paano Baguhin ang mga Font ng Pahina ng Web Gamit ang CSS

Camtasia 2018 Themes and Adobe Color CC - Create Brand Color Palettes for Videos (Abril 2025)

Camtasia 2018 Themes and Adobe Color CC - Create Brand Color Palettes for Videos (Abril 2025)
Anonim

Pinapayagan ka ng mga simpleng mga pagpipilian sa estilo na baguhin ang font ng isang pahina (o uri) ng web gamit ang CSS (Cascading Style Sheets). Maaari mong itakda ang font ng mga indibidwal na salita, tiyak na mga pangungusap, mga headline, buong talata, at kahit na buong mga pahina ng teksto.

Paano Baguhin ang Font Sa CSS

Maaari mong gawin ang mga pagbabago sa HTML at CSS na ipinaliwanag sa ibaba gamit ang anumang editor ng HTML o editor ng teksto. Maaari mong kopyahin ang teksto mula sa pahina at i-paste ito sa isang editor upang gawin ang mga pagbabago doon o buksan ang buong web page sa editor at direktang mag-edit.

  1. Hanapin ang teksto kung saan mo gustong baguhin ang font. Gagamitin namin ito bilang halimbawa:

    Ang tekstong ito ay nasa Arial

  2. Palibutan ang teksto sa elemento ng SPAN:

    Ang tekstong ito ay nasa Arial

  3. Idagdag ang katangian style = "" sa span na tag:

    Ang tekstong ito ay nasa Arial

  4. Sa loob ng estilo ng katangian, palitan ang font gamit ang font-family estilo.

    Ang tekstong ito ay nasa Arial

  5. I-save ang mga pagbabago upang makita ang mga epekto.

Mga Tip para sa Paggamit ng CSS upang Baguhin ang Font

  1. Ang pinakamahusay na diskarte ay palaging may hindi bababa sa dalawang mga font sa iyong font stack (ang listahan ng mga font), upang kung ang browser ay walang unang font, maaari itong gamitin ang pangalawang font sa halip.

    Paghiwalayin ang maramihang mga pagpipilian ng font na may kuwit, tulad nito:

    font-family: Arial, Geneva, Helvetica, sans-serif;

  2. Ang halimbawa na ipinaliwanag sa itaas ay gumagamit ng inline na estilo, ngunit ang pinakamahusay na uri ng estilo ay gumagamit ng isang panlabas na style sheet upang maaari kang makakaapekto sa higit pa sa isang elemento. Maaari mong gamitin ang isang klase upang itakda ang estilo sa mga bloke ng teksto.

    Ang tekstong ito ay nasa Arial

    Sa halimbawang ito, ang CSS file sa estilo ang HTML sa itaas ay lilitaw bilang mga sumusunod:

    .arial {font-family: Arial; }

  3. Laging tapusin ang mga estilo ng CSS na may isang tuldok (;). Hindi kinakailangan kung mayroon lamang isang estilo, ngunit isang magandang ugali na magsimula.