Webfont not working


My site is millyhowell.com.au

I’ve used this code for my webfont however its not showing for my headings

@font-face {
font-family: ‘crystal_sky_altregular’;
src: url(‘http://millyhowell.com.au/crystal_sky_alt-webfont.eot’);
src: url(‘http://millyhowell.com.au/crystal_sky_alt-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘http://millyhowell.com.au/crystal_sky_alt-webfontwebfont.woff’) format(‘woff’),
url(‘http://millyhowell.com.au/crystal_sky_alt-webfontwebfont.ttf’) format(‘truetype’);


I’ve updated my childtheme to this

@font-face {
font-family: ‘crystal_sky_altregular’;
src: url(‘crystal_sky_alt-webfont.eot’); /* IE9 Compat Modes /
src: url(‘crystal_sky_alt-webfont.eot?#iefix’) format(‘embedded-opentype’), /
IE6-IE8 /
url(‘crystal_sky_alt-webfontwebfont.woff2’) format(‘woff2’), /
Super Modern Browsers /
url(‘crystal_sky_alt-webfontwebfont.woff’) format(‘woff’), /
Pretty Modern Browsers /
url(‘crystal_sky_alt-webfontwebfont.ttf’) format(‘truetype’), /
Safari, Android, iOS /
url(‘crystal_sky_alt-webfontwebfont.svg#svgFontName’) format(‘svg’); /
Legacy iOS */

I was getting a Access-Control-Allow-Origin (CORS origin) error which I fixed, however now I’m getting net::ERR_ABORTED

Hi there,

The absolute URLs seems to work better but you will need to follow the link below to fix the cross-domain error:

Needless to say that in the next step you should assign this font to h1 or whatever tag you want in the CSS.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.