FONT-FAMILY

The font-family property specifies a prioritized list of font family names or generic family names.

SYNTAX

CSS


            font-family: value;

JS


            object.style.fontFamily = "value";

VALUES


            <'font-family'> = [ <family-name> | <generic-family> ]#


            <family-name>

The name of a font family.


            <generic-family>

A keyword representing a generic font.

EXAMPLES

FAMILY-NAME

GENERIC-FAMILY

JS

<!doctype html>
<html>
<head>
    <script>
        function mouseover(value) {
            document.getElementsByTagName("p")[0].style.fontFamily = value;
        }
    </script>
</head>
<body>
    <input onmouseover="mouseover(value)" type="button" value="zapf-chancery">
    <input onmouseover="mouseover(value)" type="button" value="western">
    <input onmouseover="mouseover(value)" type="button" value="courier">
    <input onmouseover="mouseover(value)" type="button" value="times">
    <input onmouseover="mouseover(value)" type="button" value="helvetica"><br>
    <input onmouseover="mouseover(value)" type="button" value="cursive">
    <input onmouseover="mouseover(value)" type="button" value="fantasy">
    <input onmouseover="mouseover(value)" type="button" value="monospace">
    <input onmouseover="mouseover(value)" type="button" value="serif">
    <input onmouseover="mouseover(value)" type="button" value="sans-serif"><br>
    <input onmouseover="mouseover(value)" type="button" value="zapf-chancery, cursive">
    <input onmouseover="mouseover(value)" type="button" value="western, fantasy">
    <input onmouseover="mouseover(value)" type="button" value="courier, monospace">
    <input onmouseover="mouseover(value)" type="button" value="times, serif">
    <input onmouseover="mouseover(value)" type="button" value="helvetica, sans-serif">
    <p>font-family</p>
</body>
</html>

FONT-FAMILY

SYNTAX

CSS

JS

VALUES

EXAMPLES

FAMILY-NAME

GENERIC-FAMILY

JS

LINKS

INTERNAL

EXTERNAL