fbpx

Adding custom font in Themes

Adding Custom Font

ThemeHunk themes are compatible with all custom fonts available on the web. In this tutorial we’ll learn how easy is to integrate any custom font with our themes.

You can add your custom font in three easy steps:

      1) First you need to convert the fonts (eg. TTF or OTF format) that you have to use with @font-face. Use one of the following tools: https://fontface.codeandmore.com to generate the fonts.

 

      2) Upload the font files on your server (create a folder called named fonts for example, and add the files in it).

 

    3) Go to Appearance > Customize > Custom CSS and add the code given below
@font-face {
    font-family: "FontName";
    src: url("https://abc.com/fonts/fontname.eot");
    src: url("https://abc.com/fonts/fontname.eot?#iefix") format("embedded-opentype"),
        url("https://abc.com/fonts/fontname.woff") format("woff"),
        url("https://abc.com/fonts/fontname.ttf") format("truetype"),
        url("https://abc.com/fonts/fontname.svg#fontname") format("svg");
}
h1, h2, h3, h4, h5, h6, a, span {
    font-family: "FontName";
}


Hope this helps.

If you need any assistance regarding this, please contact to our support forum.