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

29 votes401 views6 answers
BackgroundImage react
CSS
0 vote322 views1 answer
Nth-of-type(2):before
CSS
1 vote346 views1 answer
Padding up down left right
CSS
3 votes339 views4 answers
Blue gradient background
CSS
0 vote316 views2 answers
Wp query using the_post
CSS
0 vote335 views1 answer
Uikit height 100%
CSS
145 votes446 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote331 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote355 views1 answer
Understanding '~' sign in css selector
CSS
0 vote337 views1 answer
Css absolute z index less than
CSS