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

0 vote294 views1 answer
Tailwind simple product card
CSS
1 vote301 views1 answer
Css make background visible in text
CSS
0 vote310 views1 answer
Canvas disable antialiasing
CSS
-1 vote274 views1 answer
Html sticky
CSS
7 votes292 views3 answers
Sans serif font family css
CSS
6 votes304 views3 answers
How to snap the scroll is css
CSS
1 vote294 views3 answers
Change scrollbar color
CSS
1 vote296 views2 answers
How to center a position fixed element horizontally
CSS
7 votes270 views3 answers
Css all except last
CSS
2 votes276 views2 answers
Opacity animation css
CSS