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("https://yourwebsite.com/upload/Adrenaline-Regular.eot");
src: url("https://yourwebsite.com/upload/Adrenaline-Regular.woff") format("woff");
     url("https://yourwebsite.com/upload/Adrenaline-Regular.otf") format("opentype");
     url("https://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

CMP Apollo – examples

CMP Apollo – examples

Here are some previews of the CMP template - Apollo. This minimalist template is ideal for combining photos, videos from your portfolio, and information about...

Comments

3 Comments

3 Comments

  1. Darvin

    God help me, I put aside a whole afrotnoen to figure this out.

  2. NiteoThemes

    Darvid, and did you?:)

  3. Sannynop

    Make a more new posts please 🙂
    ___
    Sanny