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

24 votes142 views3 answers
Css change multiple classes
CSS
19 votes173 views2 answers
Border color css
CSS
0 vote144 views1 answer
Css basics
CSS
0 vote252 views1 answer
Css center table on page
CSS
0 vote158 views1 answer
Uninstall wine 6.0.1
CSS
0 vote156 views1 answer
Fix scroll css position sticky
CSS
1 vote143 views1 answer
How do center using margin
CSS
0 vote168 views1 answer
Bootstrap-scss github
CSS
1 vote137 views1 answer
Is better use px or pt
CSS
0 vote166 views2 answers
How to insert icons pseudo content
CSS