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

13 votes136 views6 answers
Line css
CSS
6 votes159 views1 answer
Hidden vs visible
CSS
0 vote132 views1 answer
Buttons have strange style iOS
CSS
61 votes144 views5 answers
Css paragraph ellipsis
CSS
1 vote154 views2 answers
Import google fonts into react
CSS
72 votes145 views6 answers
Flexbox css
CSS
0 vote136 views2 answers
Text decoration underline padding
CSS
19 votes135 views3 answers
Vertical text
CSS
0 vote136 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS
0 vote158 views2 answers
Fix materialize form label not working
CSS