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

45 votes230 views3 answers
Collapse all code vscode
CSS
0 vote193 views1 answer
Remove position absolute attribute by adding css
CSS
3 votes185 views2 answers
Image overlay in css
CSS
0 vote191 views1 answer
Backface-visibility sass
CSS
0 vote239 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
1 vote210 views1 answer
How to add 2 text shadows
CSS
1 vote185 views1 answer
Place many images in a div beautifully
CSS
0 vote201 views1 answer
Disable line breaking html span
CSS
1 vote185 views1 answer
Html details summary marker remove
CSS
9 votes192 views4 answers
Chmod recursive
CSS