WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to change font family in navigation menu (14 posts)

  1. zena1939
    Member
    Posted 1 year ago #

    Hello I'm currently working on change the main navigation links to a different font. Any suggestion will be greatly appreciated.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Which theme are you using?

  3. zena1939
    Member
    Posted 1 year ago #

    I'm using the Minimatica theme. I used firefox inspect tool and found
    the id for the navigation bar for the home page div#primary-nav.nan

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    What do you want the font family to change to?

  5. zena1939
    Member
    Posted 1 year ago #

    I am trying to change the font to calligrafftti Regular. I'm currently using the font-meister plugin for my fonts.

  6. zena1939
    Member
    Posted 1 year ago #

    This person did it for her site
    http://www.jennifermccuephotography.com.au/

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you link to where you got that plugin from?

  8. zena1939
    Member
    Posted 1 year ago #

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try this guideline http://codex.wordpress.org/Playing_With_Fonts
    It sounds as though you'll need to set Font Face in CSS.

  10. zena1939
    Member
    Posted 1 year ago #

    okay I put up a Font Face for calligrafftti Regular. I used the CSS editor on my Jetpack plugin. So what else do I do now.

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you have the font?

  12. zena1939
    Member
    Posted 1 year ago #

    I don't think so.
    I tried writing this CSS

    #primary-nav.nan .menu-change a {
    font-family: CalligraffittiRegular;
    }

    @font-face {
    font-family: calligraffttiRegular;
    src: local('calligraffttiRegular'), url("fonts/calligraffttiRegular.ttf") format("truetype");
    font-weight: normal;
    }
    This is my website.
    http://onelookevents.com/

  13. zena1939
    Member
    Posted 1 year ago #

    I got it. You where right about me getting font. I just didn't understand where I should put it. This video cleared a lot of things up for me.

    And I am currently using Jetpack and I was using their CSS editor instead of going into the orignal css stylesheet of minimatica which was a big mistake. Thanks for all your help Andrew!

  14. zena1939
    Member
    Posted 1 year ago #

    For got to close the link tag. Here is the video about font face
    http://www.youtube.com/watch?v=jlwmw-WJ0i4

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags