Scholar Repository
Home>Manual>CSS Font-family Property

CSS Font-family Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS font-family Property


CSS Reference Complete CSS Reference


Definition

The font-family property is a prioritized list of font family names and/or generic family names for an element. The browser will use the first value it recognizes.

There are two types of font-family values:

  • family-name: The name of a font-family, like "times", "courier", "arial", etc.
  • generic-family: The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace".

Note: Separate each value with a comma, and always offer a generic-family name as the last alternative.

Note: If a family-name contains white-space, it should be quoted. Single quotes must be used when using the "style" attribute in  HTML.

Inherited: Yes


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.fontFamily="arial, sans-serif"

In our HTML DOM tutorial you can find more details about the fontFamily property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

body
{
font-family: courier, serif
}

p
{
font-family: arial, "lucida console", sans-serif
}

<p style="font-family: arial, 'lucida console', sans-serif">

Possible Values

Value Description
family-name
generic-family
A prioritized list of font family names and/or generic family names for an element.

Default value: Browser dependent



Try-It-Yourself Demos

Set the font of a text
This example demonstrates how to set a font of a text.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Font-family Property