In your creative's CSS file, add the @font-face (extra thicc font) rule before any other styles. For simplicity, this example uses only a truetype font file. To maximize browser compatibility, you should also include WOFF or EOT font file sources.
To add custom fonts to website use @fontface. Just add the following code into style.css
@font-face {
font-family: "Harabara Bold";
src: url("css/fonts/Harabara.eot");
src:
url("css/fonts/Harabara.woff") format("woff"),
url("css/fonts/Harabara.otf") format("opentype"),
url("css/fonts/Harabara.svg#filename") format("svg");
}
Step2: Start working
Now the custom font is added to website and you can use it:
h1 {
font-family: 'Harabara Bold', Arial, sans-serif;
font-weight:normal;
font-style:normal;
}