treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] @font-face and data-icon work locally not but on host

  • Hi all,
    I've used the data-icon:before attribute to create some icons at the top of my page. This has been working fine on my localhost but not on my free host.

    I'm using the PUA format and again this works just fine locally.


    This is what it should be. click

    This is what it is click

    Any help is appreciated.
    Thank you,
    Corey
  • bump, still no clue on this one. I'm hoping it's an issue with the free host and when it goes to a 'real' host it won't be an issue. Still, if it's not that I'd like to nip it.
  • Did you upload the fonts to your server? They seem to be returning a 404 for me.
  • You seem to have uploaded SVG, TTF and WOFF, but not EOT.
  • You seem to have uploaded SVG, TTF and WOFF, but not EOT.

    haha of course, the only one I checked was the EOT and I just assumed the rest were going to be a 404 as well.
  • Still having the sameproblem. I've re-uploaded the fonts and the css. I've checked that my code is correct. The data-* attribute has been assembled using the CSS Tricks Article as a guide. I'm getting empty boxes where my icons should be. This works 100% okay locally.
  • Uh, never mind. It's working now.