Many people love to use custom fonts. How can you do it?

Let`s say we have downloaded custom font called “Adrenaline”. Which is awesome font for logos or any headings – you can check it out on Behance or PixelsurbPlus and download it for free!

Upload your font(s) to public accesible folder on your webhosting server via FTP or similar.  Copy the full path to your font(s) together with font file name.

Then, just paste the following code into the CMP Settings > Custom CSS tab to load the font library in CMP template:

@font-face {
font-family: "Adrenaline";
src: url("http://yourwebsite.com/upload/Adrenaline-Regular.eot");
src: url("http://yourwebsite.com/upload/Adrenaline-Regular.woff") format("woff");
     url("http://yourwebsite.com/upload/Adrenaline-Regular.otf") format("opentype");
     url("http://yourwebsite.com/upload/Adrenaline-Regular.svg#svgFontName") format("svg");
}

  • replace yourwebsite with copied path to your font.

To use this font on all headings, for example use this another Custom CSS:

h1, h2, h3, h4, h5, h6 {
font-family: 'Adrenaline', Arial, sans-serif!important;
font-weight:normal;
font-style:normal;
}

And that`s all!