WordPress.org

Ready to get started?Download WordPress

Forums

New Font Not Showing (6 posts)

  1. richpalin
    Member
    Posted 1 year ago #

    I'm trying to upload and implement a new font I purchased, called MuseoSans. I've uploaded the necessary files and referenced the kit in the header, yet the font is only showing up on the home page of my site, http://www.richardjamespalin.com. I figure the updates I make in the editor are universal, so why is the font not working on all pages?

  2. Jose Castaneda
    Member
    Posted 1 year ago #

    From what I can tell the your font.css file is being called from the wrong source. On every page it's being called from the current location rather than the root of your site.

  3. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Pretty simple fix

    In your header.php you have:

    <link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css" >

    this would probably work only on your home page, but most certainly will not for the rest of the site.

    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/MyFontsWebfontsKit.css" />

    -or-

    <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/MyFontsWebfontsKit.css" />

    depends if this is a Child or a Parent Theme.

    You can also do an import from your style.css as well:

    @import url('../../MyFontsWebfontsKit.css);

    Thanks,
    Emil

  4. richpalin
    Member
    Posted 1 year ago #

    @Emil

    So I tried replacing that line in header.php with both of your suggestions, however neither one fixed the issue.

    @jcastaneda

    Would I want to do this within the CSS, or in the path that the myfontswebfontskit.css is called in the header?

  5. richpalin
    Member
    Posted 1 year ago #

    I solved the issue, all I did in the header was change
    <link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css" >
    to
    <link rel="stylesheet" type="text/css" href="/MyFontsWebfontsKit.css" >

    The "/" made all the difference

  6. Jose Castaneda
    Member
    Posted 1 year ago #

    I'm glad you were able to solve it. Was going to respond a little sooner but I had to leave for work. The one bit of advice I would say is to try and use a dynamic way of linking the stylesheet if you ever change your permalink structure. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.