Web Analytics Made Easy -
StatCounter @font-family external link not working in FireFox - CodingForum

Announcement

Collapse
No announcement yet.

@font-family external link not working in FireFox

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • @font-family external link not working in FireFox

    Hi,

    I'm currently making a CSS for a site that I do not control (i.e. I don't have FTP access, but I have a blog on the site that I can manipulate the CSS). I'm using fonts from my home site, via this code:

    Code:
    @font-face {
        font-family: 'ActionMan';
        src: url('http://www.cyneer.com/dojo_styles/fonts/ActionMan/Action_Man-webfont.eot');
        src: url('http://www.cyneer.com/dojo_styles/fonts/ActionMan/Action_Man-webfont.eot?#iefix') format('embedded-opentype'),
             url('http://www.cyneer.com/dojo_styles/fonts/ActionMan/Action_Man-webfont.woff') format('woff'),
             url('http://www.cyneer.com/dojo_styles/fonts/ActionMan/Action_Man-webfont.ttf') format('truetype'),
             url('http://www.cyneer.com/dojo_styles/fonts/ActionMan/Action_Man-webfont.svg#ActionManRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    This code works perfectly fine in Chrome and IE (not sure about opera, haven't tested yet), but for some reason, FireFox won't load the fonts from my site... is there something I can do about this?

    I tested the fonts being loaded on the site itself, and that works perfectly fine... not sure why it won't load.

    Thanks in advance,
    DG Kim

  • #2
    Okay, I figured it out. For the future people who stumble upon this post via a google search, look here:



    Each browser has its own idiosyncrasies that will cause headaches for web developers trying to get webfonts working on their websites. This short post details some of the common reasons some browsers will fail to load fonts.

    Comment


    • #3
      Yeah, just was going to say, as in the other thread just recently: Don’t use the domain name in the file paths. Use relative or domain independent absolute paths.
      Stop solving problems you don’t yet have!

      Comment

      Working...
      X
      😀
      🥰
      🤢
      😎
      😡
      👍
      👎