Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <link href="https://fonts.googleapis.com/css?family=Courier+Prime:400,700&display=swap" rel="stylesheet"> <style> h2{ font-family: 'Courier Prime', monospace; font-weight:700; } div { font-family: 'Courier Prime', monospace; } p{ font-family: 'Courier Prime', monospace; } </style> </head> <body> <h2>@font-face example</h2> <div> The @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's computer. If the local() function is provided, specifying a font name to look for on the user's computer, and the user agent finds a match, that local font is used. Otherwise, the font resource specified using the url() function is downloaded and used. </div> <p> The @font-face at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule. </p> </body> </html>