Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Webfont & image not displaying in Firefox & IE

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #195841
    Russell
    Participant

    Hello:

    I’m trying to diagnose 2 issues with how my homepage is displaying on Firefox and Internet Explorer. In those browsers, an image is missing and a webfont doesn’t appear.

    If I look at the developer tools in Firefox, it appears like all is well in the ‘computed tab’, but visually I can see it’s not. If I look in the console, I get this message:

    [13:22:06.967] downloadable font: no supported format found (font-family: "Lato" style:normal weight:normal stretch:normal src index:3)
    source: (end of source list) @ http://floodscore.cloudapp.net/static/css/google-fonts.css
    

    The developer tools in IE tells me the image is missing.

    If I look at the site in Chrome, everything is fine. Here’s an Evernote that describes everything better:

    https://www.evernote.com/l/AAS8nOM-keNAzpgsfHYkfaa_QjZcTFZAMIQ

    Any suggestions for where this could be going wrong?

    Kind regards, R

    #195843
    Paulie_D
    Member

    Can’t diagnose an image.

    Got a link?

    What font formats are being supplied?

    I assume you are using @font-face….can you show us what you aare doing there?

    #195852
    Russell
    Participant

    Hey Paulie_D:

    I was actually thinking about you when I wrote this. I knew you’d find something totally obvious which I overlooked and that’s why I was really trawling my developer tools before posting. ;-)

    Yes, I’m sorry for not including the link to the page. It is: floodscore.cloudapp.net/user/sign-in?next=/

    The fonts are Google font and they’re called from the stylesheet. The font files reside with Google. For example, in one stylesheet it reads:

    *, h1, h2, h3, h4, p, .help-block {
    font-family: 'Lato', sans-serif;
            color: #58A0D2;
    }
    

    In another google fonts stylesheet which is connected, it reads:

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 300;
      src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
      unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    }
    

    I hope this helps.

    R

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.