Example
A simple @font-face property example:
Laboratory
description & Usage
By taking advantage of the @font-face rule, programmers no longer need to tell the browser to use WEB-SAFE fonts.
Browser compatibility and Support
| # |
Chrome |
Edge |
Firefox |
Safari |
Opera |
| TTF/OTF |
|
|
|
|
|
| WOFF |
|
|
|
|
|
| WOFF2 |
|
|
|
|
|
| SVG |
|
|
|
|
|
| EOT |
|
|
|
|
|
Values
| Values |
Description |
|
name
|
Specifies the font name.
|
|
URL
|
Specifies the address where the font should be downloaded and then used.
|
|
normal - italic - oblique
|
Determines how fonts are styled.
|
|
normal - bold - 100 - 200 - 300 - 400 - 500 - 600 - 700 - 800 - 900
|
Determines the color of the font.
|
