• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Can't Get Google Fonts To Working

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Can't Get Google Fonts To Working

This topic is: resolved

Tagged: fonts, google fonts

  • This topic has 6 replies, 2 voices, and was last updated 9 years, 7 months ago by Florissa.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 2, 2013 at 10:37 am #8956
    Florissa
    Member

    I am new to adding Google fonts to WordPress.  I read Brian's blog and thought I added the code in correctly, however, the fonts are not appearing.  I am testing it out on a dummy site before attempting on my real site.

    URL: http://twp.techiepros.com/a-q-a-with-lynn/

     

    I added the following code to the stylesheet: at the top:

    /* Import Google Fonts
    ------------------------------------------------------------ */

    @import
    url(http://fonts.googleapis.com/css?family=Sail|Sevillana|Iceland);

     

    Wherever I see font family, I replaced it with this:

    font-family: 'Sail', cursive; 'Sevillana', cursive; 'Iceland', cursive;

     

    However, I don't see the fonts.  Could someone please explain to me what I have done wrong?

     

    Thanks so much!

    January 2, 2013 at 10:51 am #8959
    Ozzy
    Member

    for the font-family in your style.css, try doing this instead:

    font-family: 'Sail', 'Sevillana', 'Iceland', cursive;


    Ozzy Rodriguez | Twitter | Google+

    January 2, 2013 at 11:56 am #8975
    Florissa
    Member

    Thanks Ozzy.  That didn't seem to change anything.

    January 2, 2013 at 3:16 pm #9031
    Ozzy
    Member

    your import was fine, i was saying change the font-family in the ids and classes you wanted to.

    this is good:

    /* Import Google Fonts
    ———————————————————— */

    @import
    url(http://fonts.googleapis.com/css?family=Sail|Sevillana|Iceland);

    change the ids and classes font families to:

    font-family: 'Sail', 'Sevillana', 'Iceland', cursive; //use single quotes, not accents, as well

    right now, there are only 3 classes affected by those fonts. what classes were you trying to change?


    Ozzy Rodriguez | Twitter | Google+

    January 2, 2013 at 4:31 pm #9045
    Florissa
    Member

    I was trying to change the menu items in the Navigation bar, the post and page headings as well as the widget sidebar titles.  Those were the only 3 places I could find that mentioned font-families.  I guess there is somewhere else I need to change this?

     

    Thanks so much for your help!

    January 2, 2013 at 5:56 pm #9065
    Ozzy
    Member

    so the first thing you need to do is fix the importing of the fonts in the style.css:


    @import
    url(http://fonts.googleapis.com/css?family=Sail|Sevillana|Iceland);

    find the following in your style.css:
    .menu-primary a,
    .menu-secondary a,
    #header .menu a

    and add the font-family: 'Sail', 'Sevillana', 'Iceland', cursive; property.

    find #page-title in style.css and put the font-family: 'Sail', 'Sevillana', 'Iceland', cursive; property in.

    find .taxonomy-description h1,
    .widget-area h4

    and add the font-family: 'Sail', 'Sevillana', 'Iceland', cursive; property.

    if you need any more help, let us know!


    Ozzy Rodriguez | Twitter | Google+

    January 6, 2013 at 6:45 pm #9998
    Florissa
    Member

    This worked perfectly.  Thank you so much for your help!  I really appreciate it!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Can't Get Google Fonts To Working’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble