Custom font upload

[Lars]

Hi,

I have problems with uploading custom fonts. I have tried *.woff, *.otf and *.ttf. But no one of them is displayed in the list or dropdown.

Best regards
Lars

[Rui Guerreiro – SUPPORT]

Hi,

This is an issue in the Redux Framework we use, we are waiting for the fix at any moment.

In the meantime you can upload all the font files manually through ftp or your server tools at >wp-content/uploads/redux/custom-fonts

Then they will appear in the font options.

Apologize for the inconvenient.

-Rui

[Lars]

Hi.

Is the problem also in Cardinal?

And when the problem will be solved?

— Lars

[Kyle – SUPPORT]

Hi

Yes it is with all themes but will not affect all users. We are just waiting on a fix from redux, as this is totally out of our hands I can’t give an estimate date.

– Kyle

[Lars]

Hey Kyle,

any news from redux?

– Lars

[Kyle – SUPPORT]

Still no, not sure if it’s at the top of their list to fix, as it’s been a while now and still no fix.

You may need to resort to an alternate method for using custom fonts

– Kyle

[JackMagic]

Hi there,

I’ve tried adding the files (.eot, .otf, .svg, .tff, .wott) however they aren’t appearing in the font lists.

Should this just be added to the header?

[Kyle – SUPPORT]

They won’t appear in the font list, you will need to add them via CSS

– Kyle

[JackMagic]

Is here a particular why that works best with this theme?

[Kyle – SUPPORT]

We normally recommend people just use a Google font that is available in the theme. Some people use webfonts purchased from myfonts, fonts.com, typekit etc which requires adding a link to the head section of the site and then some lines of css.

However to upload your own font you would need to create the css file with @fontface to set up the fonts, then to assign them you would need to add this to your custom css:

/* BODY FONT */
body,p {
font-family: "museo-slab"!important;
}
 
/* HEADING FONT */
h1, .impact-text,.impact-text-large {
font-family: "museo-slab"!important;
}
h2,.blog-item .quote-excerpt {
font-family: "museo-slab"!important;
}
h3 {
font-family: "museo-slab"!important;
}
h4 {
font-family: "museo-slab"!important;
}
h5 {
font-family: "museo-slab"!important;
}
h6 {
font-family: "museo-slab"!important;
}
 
/* MENU FONT */
#main-nav, #header nav, #vertical-nav nav, .header-9#header-section #main-nav, #overlay-menu nav, #mobile-menu, #one-page-nav li .hover-caption {
font-family: "museo-slab"!important;
}

– Kyle

[Lars]

Is there any news regarding to the redux problem?

[Kyle – SUPPORT]

No still waiting on the fix

– Kyle