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 vote194 views1 answer
Css only style horizontal scrollbar
CSS
38 votes195 views4 answers
Css pointer event
CSS
4 votes210 views1 answer
Flexbox center and space between
CSS
7 votes223 views2 answers
Html remove border from textarea
CSS
0 vote225 views1 answer
Label for centered image
CSS
3 votes197 views2 answers
Css border radius not working
CSS
1 vote226 views1 answer
Left align css mdn
CSS
0 vote185 views1 answer
Remove all input style'ing
CSS
2 votes185 views2 answers
Css glow on hover
CSS
10 votes176 views2 answers
Line-height css
CSS