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

33 votes325 views6 answers
Gradient css
CSS
0 vote344 views1 answer
Media query not working with rem
CSS
3 votes350 views2 answers
Css overflow y 3 dots
CSS
0 vote366 views1 answer
React html height 100%
CSS
1 vote419 views1 answer
How to take in space and enter as it is in a textarea
CSS
0 vote367 views1 answer
How to make png smaller css
CSS
0 vote351 views1 answer
100vh doesn't fill the page
CSS
38 votes346 views3 answers
Cool ways to color a background with css
CSS
0 vote372 views1 answer
Tailwindcss link tag
CSS
-3 votes377 views2 answers
How to justify grid childe in the center
CSS