New Landing How can we help? Cardinal Fonts Not Loading

Viewing 3 posts - 1 through 3 (of 3 total)
  • Posted in: Cardinal
  • #170985
    ovollc
    Member
    Post count: 48

    We are trying to load fonts from Typotheque. I believe we have everything setup correctly, but there seems to be some issue. I;ve tried to load these on another site, with the same, code and they work. So I know it’s not the server they are coming from.

    See attached and code below.

    Reference site:
    http://cf2.37a.myftpupload.com/

    Custom CSS:

    
    /* BODY FONT */
    body,p {
    font-family: "Greta Text"!important;
    font-style: Normal;
    font-weight: 400;
    font-stretch: normal;
    }
    
    /* HEADING FONT */
    h1, .impact-text,.impact-text-large {
    font-family: "Greta Sans 2";
    font-style: Normal;
    font-weight: 400;
    font-stretch: normal;
    }
    h2,.blog-item .quote-excerpt {
    font-family: "Greta Text"!important;
    font-style: Normal;
    font-weight: 400;
    font-stretch: normal;
    }
    h3 {
    font-family: "Greta Text"!important;
    font-style: Normal;
    font-weight: 400;
    font-stretch: normal;
    }
    h4 {
    font-family: "Greta Text"!important;
    font-style: Normal;
    font-weight: 400;
    font-stretch: normal;
    }
    h5 {
    font-family: "Greta Text"!important;
    font-style: Normal;
    font-weight: 400;
    font-stretch: normal;
    }
    h6 {
    font-family: "Greta Text"!important;
    font-style: Normal;
    font-weight: 400;
    font-stretch: normal;
    }
    
    /* MENU FONT */
    #main-nav, #header nav, #vertical-nav nav, .header-9#header-section #main-nav, #overlay-menu nav, #mobile-menu, #one-page-nav li .hover-caption {
    font-family: "Greta Text"!important;
    font-style: Normal;
    font-weight: 400;
    font-stretch: normal;
    }
    

    CSS include, added to “Custom JS” in the theme:
    <link rel="stylesheet" href="http://fonts.typotheque.com/WF-002859-008242.css" type="text/css" />

    Attachments:
    You must be logged in to view attached files.
    #171009
    ovollc
    Member
    Post count: 48

    Well, I understand now that this is due the being wrapped in a <script> tag.

    Where is the best place to put this CSS include? I can include in the header.php, but that will be overwritten on updates.

    Thanks,

    #171185
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    We have a specific field for custom css to avoid problems with updates.
    Go to Theme Options-> Custom css and place it there.

    -Rui

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register