Home / Forums / You Theme Support / TypeKit Manual Installation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts

  • sandwichmike
    Participant

    I am trying to manually install fonts from TypeKit. The plugin is activated and published, but I am unsure where to install the CSS code

    The code I have been given is

    font-family: p22-underground, sans-serif;
    font-style: normal;
    font-weight: 400;

    Where can I install this css code to apply this font to all Header content? Is that possible?

    Thanks

    Mike

    Hi @mikemckie

    You can add it via Theme Options > Customize.

    You will, however, need a ‘selector’ on where you want to apply this font.

    For example, if you want to apply it to the ‘body’, it will be:

    body{
    font-family: p22-underground, sans-serif;
    font-style: normal;
    font-weight: 400;
    }

    Regards,


    sandwichmike
    Participant

    Thanks – I applied

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-family: p22-underground, sans-serif;
    font-style: normal;
    font-weight: 400;
    }

    to the “Custom CSS” section of the editor – my text on the one page is both H4 and H4 Strong. The font remains unchanged and can only be changed via the Customize Skins / Font Settings / Headers setting – ie the custom CSS isn’t changing and only the skins settings allow changing

    Hi @mikemckie

    This is becasue the classes/identifiers you used is generic. Some sections actually have specific identifiers like .post-title h3 so it does not get overriden by the CSS you added.

    If you can want to keep that as is, try to add !important to each line. For example:
    font-family: p22-underground, sans-serif !important;

    Regards,

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

You must be logged in to reply to this topic.