Docs

[datalabs]

Hi,

I’ve tried to follow the instructions on adding custom fonts as in these threads: https://community.theme.co//forums/topic/custom-font-2/#post-142444 , https://community.theme.co//forums/topic/how-do-i-add-my-own-font-and-use-everywhere/#post-56415 and https://community.theme.co//forums/topic/adding-custom-font-to-theme-customizer/#post-184533

but despite triple checking my code and the paths to my fonts (they are correct), I cannot get the fonts to work, they all fall back to the default font.

Here’s my code, and a link to the site, I’d love to know what I’m doing wrong:

http://apra.studiosojo.com.au

Code from the child-theme’s style.css :

@font-face {
font-family: ‘u8black’;
src: url(‘http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.eot’); /* IE9 Compat Modes */
src: url(‘http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.woff’) format(‘woff’), /* Pretty Modern Browsers */
url(‘http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.svg#svgFontName’) format(‘svg’); /* Legacy iOS */
}

/* Footer */

.x-colophon {
font-family : ‘u8black’;
color: #fff;
}

[Lely]

Hi There,

See attached image. There’s an error when you copied the code. Single quote is not recognize. It might be pretty quotes. Update that code to this:

@font-face {
font-family: 'u8black';
src: url('http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.eot'); /* IE9 Compat Modes */
src: url('http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.woff2') format('woff2'), /* Super Modern Browsers */
url('http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.woff') format('woff'), /* Pretty Modern Browsers */
url('http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.ttf') format('truetype'), /* Safari, Android, iOS */
url('http://studiosojo.com.au/apra/wp-content/themes/x-child/fonts/U8-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* Footer */

.x-colophon {
font-family : 'u8black';
color: #fff;
}

Hope this helps.

[datalabs]

Thanks Lely,

I’ve updated the code as you suggest and made sure that it hasn’t reverted to single quotes but I’m still not able to get the font to function. Any other ideas?

M

[Christopher]

Hi there,

Please update your code to :

.x-colophon .textwidget, .x-colophon h5 {
    font-family: 'u8black';
    color: #fff;
}

Hope it helps.

[datalabs]

No, I’m afraid it hasn’t made a difference.

[Christian]

This is neither an issue with X nor Cornerstone but your setup. This is due to CORS (see attachment). Please contact your hosting provider to fix the issue. Or, you might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks.

[datalabs]

That’s interesting. Thanks for helping discover the problem!

[Nico]

Happy to hear that.

Feel free to ask us again.

Have a great day! 🙂

[Author]

Posts