Search code examples
htmlcssfont-face

Is there a special way to type in icon font URLs? Mine just appear as unicodes

The website is here: http://rjdlee.com/projects/mobile/index.html

Even in my local copy, I was experiencing some issues where the font wouldn't refresh after changing it. I've checked the url it is attempting to read for the font and it appears to be right. Is there something wrong?

Here is the code:

@font-face {
    font-family: 'icons';
font-weight: normal;
    font-style: normal;
    src:url('../fonts/icons.eot?-gbp2x2');
    src:url('../fonts/icons.eot?#iefix-gbp2x2') format('embedded-opentype'),
        url('../fonts/icons.ttf?-gbp2x2') format('truetype'),
        url('../fonts/icons.woff?-gbp2x2') format('woff'),
        url('../fonts/icons.svg?-gbp2x2#icons') format('svg');
}

Here is the error:

[16:21:58.083] downloadable font: download failed (font-family: "icons" style:normal weight:normal stretch:normal src index:1): status=2147746065 source: http://rileedesign.com/projects/mobile/fonts/icons.ttf?-gbp2x2 @ http://rileedesign.com/projects/mobile/css/main.css

Solution

  • Turns out the issue was with my hosting provider.