Additional CSS in Theme Options not reflecting through website on fonts

This topic has 9 replies, 2 voices, and was last updated 3 years, 4 months ago ago by Olga Barlow

  • Avatar: arshsb77
    arshsb77
    Participant
    July 28, 2021 at 02:27

    Using the Headers and Footers plugin to put this stylesheet on every page:
    href=”https://use.typekit.net/kex2dfo.css”

    additional CSS not reflecting through website when trying to use this, however.

    Please, contact administrator
    for this information.
    8 Answers
    Avatar: arshsb77
    arshsb77
    Participant
    July 28, 2021 at 18:24

    Any update on this issue?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 29, 2021 at 13:11

    Hello,

    What code do you use to call the mentioned CSS? Because I don’t see Headers and Footers plugin in your Dashbaord.

    Regards

    Avatar: arshsb77
    arshsb77
    Participant
    July 29, 2021 at 16:38

    If you go to settings thens Headers and footers you will see it. It is the typekit stylesheet line.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 30, 2021 at 12:29

    Hello,

    I think you you’re confusing head tag and header. According to fonts docs you need to add the link code before your close head tag https://helpx.adobe.com/fonts/using/add-fonts-website.html not in the header. To do this you need to install Insert Headers and Footers plugin, go to Settings > Insert header and footers and add the link tag to your head section.

    Regards

    Avatar: arshsb77
    arshsb77
    Participant
    July 30, 2021 at 20:01

    If you go to where I told you in the settings > Headers and footers plugin on wordpress, you will see the it is in the Head section already and has been. Can you please take a look before responding.

    This is the section it is under:

    PAGE SECTION INJECTION
    ON EVERY PAGE

    It is clearly under this section. Hard to wait a whole day for response every time when you don’t check.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 31, 2021 at 18:58

    Hello,

    Sorry for the misunderstanding. I see that link. Now explain what font and for what elements do you want to apply? Because I don’t see problems with the font if use custom CSS.

    Regards

    Avatar: arshsb77
    arshsb77
    Participant
    August 2, 2021 at 18:23

    Would like to apply font like this everywhere

    h1, h2, h3{
    font-family: freude, sans-serif;
    font-weight: 400;
    font-style: normal;
    }
    body {
    font-family: newbery-sans-pro,sans-serif;
    font-weight: 400;
    font-style: normal;
    }
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 2, 2021 at 20:14

    Hello,

    1) We have improved custom CSS in Theme Options > Additional CSS to apply font for the headings.
    2) Font that you want to use for body is not included in CSS that you call, check by yourself https://use.typekit.net/kex2dfo.css

    Regards

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.