Custom fonts in CMP plugin

by | Oct 15, 2018 | 3 comments

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!

Written By NiteoThemes

Related Posts

Let It Snow

Let It Snow

Winter is coming. Premium templates, contain special effects. Use the effect of falling snowflakes ❆. CMP Settings -> Customize -> Special Effects

2.000.000 Downloads

2.000.000 Downloads

We have exceeded the the 2.000.000 downloads from the WordPress plugin repository. If you have idea how we could improve the plugin with new features, talk to...

Automatic Subscribe Popup

Automatic Subscribe Popup

Introducing a new feature of the CMP plugin - Automatic popup subscribe form window. This functionality is available for all templates that contain a...