Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello there,
    If you want to use Google Fonts you will need to follow this Guide here https://www.cssigniter.com/docs/article/using-google-fonts/

    You will notice the plugin lets you create CSS Selectors to change font family and text properties on them.
    For the menu items in Header use this selector
    header .navigation a

    for the footer
    footer .navigation a

    Let me know if this works

    Thread Starter americanfille

    (@americanfille)

    I’m not using google fonts, I’m doing it manually through CSS because it works better for me that way. Can you give me the line of code to add to my additional CSS? Thanks!

    Hi there,
    If you have font files at your disposal, is to create a folder named fonts in your theme’s main folder and place the files in there. Then declare the font in your style.css file on line 230 using the @font-face declaration ( here is how to use it https://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ if you are not already familiar with it).
    Then add this to change your navigation font family.

    header .navigation a{
        font-family:"Your Font Name";
    }

    in your custom CSS box under Appearance | Customize |?Additional CSS.

    Let me know if this works

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Menu Fonts’ is closed to new replies.