CSS Font

Importante ang pagpili ng tamang font para sa iyong website!

Importante ang pagpili ng font

Ang pagpili ng tamang font ay makakapagbigay ng malaking epekto sa karanasan ng gumagamit ng iyong website.

Ang tamang font ay magbibigay ng malakas na imahen sa iyong brand.

Importante ang pagpili ng madaling basahin na font. Ang font ay nagdudulot ng halaga sa iyong teksto. Importante rin ang pagpili ng tamang kulay at laki ng teksto ng font.

Pangkalahatang pamilya ng font

May limang pangkalahatang serye ng font sa CSS:

  • Serif na font (Serif) - may isang maliliit na pagpipinta sa bawat gilid ng bawat titik. Sila ay gumagawa ng isang kahalagahan at kahinahon na aspeto.
  • Sans-serif na font (Sans-serif) - ang linya ng font ay simple (walang maliliit na pagpipinta). Sila ay gumagawa ng isang makabagong at simpleng aspeto.
  • Monospace na font (Monospace) - dito ang lahat ng titik ay may magkakaparehong walang patutunguhang lapad. Sila ay gumagawa ng isang makina na panig na aspeto.
  • Cursive na font (Cursive) - ay kumikopya ng pagsusulat ng tao.
  • Fantasy na font (Fantasy) - ay isang napapintas na/sakdal na font.

Lahat ng iba't ibang pangalan ng font ay pag-aari ng limang pangkalahatang serye ng font na ito.

Ang pagkakaiba ng Serif at Sans-serif na font

Serif na Sans-serif

Tipan:Sa skreen ng kompyuter, ang sans-serif na font ay pinaniniwalaang mas madaling basahin kaysa sa serif na font.

Ilang halimbawa ng font

Pangkalahatang pamilya ng font Halimbawa ng pangalan ng font
Serif Times New Roman
Georgia
Garamond
Sans-serif Arial
Verdana
Helvetica
Monospace Courier New
Lucida Console
Monaco
Cursive Brush Script MT
Lucida Handwriting
Fantasy Copperplate
Papyrus

Ang attributo ng font-family sa CSS

Sa CSS, gumagamit tayo ng attributo ng font-family upang tugunan ang font ng teksto.

Ang attributo ng font-family ay dapat magkaroon ng ilang pangalan ng font bilang 'backup' sistema upang matiyak ang pinakamataas na pagkakasama sa pagitan ng browser at operating system. Magsimula sa inyong kinakailangang font at magtapos sa pangkalahatang serye (kung walang ibang magagamit na font, pahintulutan ang browser na piliin ang katulad na font sa pangkalahatang serye). Ang pangalan ng font ay dapat mahahati sa pamamagitan ng komo.

Komento:Kung ang pangalan ng font ay may dalawang salita o higit pa, dapat itong ilagay sa mga kabilang na salita, halimbawa: "Times New Roman".

Halimbawa

I-set ang iba't ibang font sa tatlong paragrapo:

.p1 {
  font-family: "Times New Roman", Times, serif;
}
.p2 {
  font-family: Arial, Helvetica, sans-serif;
}
.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}

Try it yourself