asp.net.ph

Skip Navigation LinksHome > Abakada: Back to Basics > Language References > CSS Properties > Font Properties

CSS Font Properties


The CSS fonts module defines font-related properties and how font resources are loaded.

PropertyDescription
fontSets all the different properties of an element’s font in a single declaration.
font-familySpecifies a list of one or more font family names for the selected element.
font-feature-settingsControls advanced typographic features in OpenType fonts.
font-kerningSets the use of the kerning information stored in a font.
font-language-overrideControls the use of language-specific glyphs in a typeface.
font-optical-sizingSets whether text rendering is optimized for viewing at different sizes.
font-paletteSpecifies a palette to use for the font.
font-sizeSets the size of the font.
font-size-adjustModifies the size of lowercase letters relative to the size of uppercase letters.
font-stretchSelects a normal, condensed, or expanded face from a font.
font-styleSets whether a font should be styled with a normal, italic, or oblique face.
font-synthesisSpecifies whether the browser may synthesize the typefaces missing in the specified font-family.
font-synthesis-positionSpecifies whether the browser may synthesize the subscript and superscript typefaces missing in the specified font-family.
font-synthesis-small-capsSpecifies whether the browser may synthesize the small-caps typeface missing in a font family.
font-synthesis-styleSpecifies whether the browser may synthesize the oblique typeface missing in a font family.
font-synthesis-weightSpecifies whether the browser may synthesize the bold typeface missing in a font family.
font-variantShorthand notation for setting all font variants in a single declaration.
font-variant-alternatesControls the usage of alternate glyphs.
font-variant-capsControls the use of alternate glyphs used for small or petite capitals or for titling.
font-variant-east-asianControls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.
font-variant-emojiSpecifies the default presentation style for displaying emojis.
font-variant-ligaturesControls which ligatures and contextual forms are used in the textual content of the elements it applies to.
font-variant-numericControls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
font-variant-positionControls the use of alternate, smaller glyphs that are positioned as superscript or subscript.
font-variation-settingsControls variable font characteristics.
font-weightSets the weight (or boldness) of the font.

External reference: CSS Fonts Module Level 4

See Also

Style Sheet Basics   Using StyleSheets   W3C Cascading Style Sheet Specification



Check out related books at Amazon

© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note