Use a local font css

<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: myFirstFont;
    src:url("/fonts/Harlow_Solid_Italic.ttf");
}

.harlow{
    font-family: myFirstFont;
}
</style>
</head>
<body>
<div>With CSS3, websites can finally use fonts other than the pre selected "web-safe" fonts.</div>
<p><b class="harlow">Note:</b> Internet Explorer 8 and earlier, do not support the @font-face rule with the WOFF format (only support for EOT format).</p>
</body>
</html>

Source: stackoverflow.com

Similar codes

0 vote245 views1 answer
"graphql.print"
CSS
0 vote217 views1 answer
How to stretch picture with website css
CSS
-1 vote213 views1 answer
Most essential css elements
CSS
7 votes213 views2 answers
Create circle border css
CSS
0 vote230 views1 answer
Css animate border
CSS
54 votes212 views6 answers
Css ellipsis
CSS
20 votes225 views2 answers
Bootstrap screen sizes
CSS
0 vote229 views1 answer
Make image scale based on screen size
CSS
0 vote238 views3 answers
Sphinx css templates
CSS
41 votes248 views2 answers
Add ... to long text css
CSS