Installed Font Not Loading on All Pages

  • Resolved photomill

    (@photomill)


    10 years ago

    Hello! I’m hoping someone can help or suggest a fix.

    I’m currently using the Rosa theme and have installed a theme that I purchased through MyFonts – MBEmpire.

    The font loads on the homepage but doesn’t not load on any other pages. When I check in the Inspector in FF or Chrome the links to the fonts and CSS have changed in a way that it’s not going to find the proper resources, if that makes sense.

    The test site is located here: https://www.makerscommon.net/test
    The CSS for the font is located here: https://makerscommon.net/test/MyFontsWebfontsKit.css

    The fonts are in a subfolder: test/webfonts

    But if you inspect the About Page, you’ll see that the page is looking for the font here: https://www.makerscommon.net/test/frontpage/about/MyFontsWebfontsKit.css

    What am I doing wrong in trying to get the font to load on other pages?

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • byanofsky

    (@byanofsky)

    When you added the href for the MyFontsWebfontsKit.css, you used relative a link for the href. You’ll want to use an absolute link.

    For instance, you have: <link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css">

    Instead of looking for this file from the root of your directory, it will not just look for it based upon the URL you are currently on.

    So you’ll want to add the full URL to the file.

    Learn more here:

    https://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/

    Thread Starter photomill

    (@photomill)

    Thanks! That seemed to fix things for FF and Chrome on my Mac, but not in Safari. Any ideas as to what’s happening there?
    Cheers!

    Thread Starter photomill

    (@photomill)

    I’ve updated the font CSS as well so that the links to the specific fonts are the absolute paths to the font files. Safari is still not loading the fonts on any page except the homepage.

    byanofsky

    (@byanofsky)

    You still have URLs for the fonts that are relative.

    See the following:

    @font-face {font-family: 'MBEmpire-Bold';src: url('webfonts/2C7052_0_0.eot');src: url('webfonts/2C7052_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2C7052_0_0.woff2') format('woff2'),url('webfonts/2C7052_0_0.woff') format('woff'),url('webfonts/2C7052_0_0.ttf') format('truetype');}

    Thread Starter photomill

    (@photomill)

    Doh! The one last thing that needed to be updated. Thanks so much for your help.

    This topic…is resolved.

    Thread Starter photomill

    (@photomill)

    Cheers!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Installed Font Not Loading on All Pages’ is closed to new replies.