Style ng Font ng CSS

Style ng Font

font-style Ang katangian na ito ay ginagamit sa pagtutukoy ng teksto na may slant

Ang katangian na ito ay maaaring itakda ng tatlong halaga:

  • normal - Ang teksto ay ipinapakita nang normal
  • italic - Ang teksto ay ipinapakita sa slant
  • oblique - Ang teksto ay nakikita bilang 'tilted' (ang 'tilted' at 'italic' ay napakakapareho, ngunit suporta nang mas maliit)

Example

p.normal {
  font-style: normal;
{}
p.italic {
  font-style: italic;
{}
p.oblique {
  font-style: oblique;
{}

Try It Yourself

Font Thickness

font-weight The attribute specifies the thickness of the font:

Example

p.normal {
  font-weight: normal;
{}
p.thick {
  font-weight: bold;
{}

Try It Yourself

Font Variant

font-variant The attribute specifies whether the text is displayed in small-caps font (small uppercase letters).

In small-caps font, all lowercase letters will be converted to uppercase. However, the font size of the uppercase letters after conversion is smaller than the font size of the original uppercase letters in the text.

Example

p.normal {
  font-variant: normal;
{}
p.small {
  font-variant: small-caps;
{}

Try It Yourself