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

22 votes198 views2 answers
React bootstrap carousal not working
CSS
2 votes179 views1 answer
Transform:translateX()
CSS
0 vote184 views1 answer
How to center an overlay button using flex box
CSS
2 votes178 views1 answer
Css limit line text
CSS
0 vote159 views1 answer
Faunadb q.do
CSS
1 vote177 views1 answer
Bootstrap word-wrap: break-word;
CSS
0 vote168 views5 answers
Add css to javafx fxml
CSS
1 vote174 views1 answer
Top 10 customers odoo
CSS
1 vote210 views1 answer
Css rules only for mozilla
CSS
0 vote179 views1 answer
Input padding without changing width
CSS