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 vote108 views1 answer
Active state css
CSS
1 vote179 views1 answer
Css contenteditable outline
CSS
6 votes159 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote191 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
156 votes225 views6 answers
Center a div css
CSS
57 votes158 views2 answers
Hegith specific css in media query
CSS
-1 vote156 views1 answer
On class hover another class color change
CSS
1 vote198 views1 answer
CSS3
CSS
8 votes172 views5 answers
Css hover change other element
CSS
0 vote162 views1 answer
Font shorthand CSS
CSS