Error with Google Fonts – Minimum Theme

Community Forums Forums Design Tips and Tricks Error with Google Fonts – Minimum Theme

This topic is: not resolved

This topic contains 7 replies, has 3 voices, and was last updated by  Brittany 1 year, 7 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #16735

    Brittany
    Participant
    Post count: 8

    Last night I attempted to implement google fonts into my site using the import method.

    For some reason now when I hover over the post title in particular the color only changes on half of the word. Have you ever seen anything like this and do you have any suggestions as to where I’ve gone wrong?

    I’ve added the fonts in css. through trial and error and have been able to get some to work and some not so it could be something I’ve done but I’m not sure where to search for the answer.

    Thanks!

    site

    #16743

    Kraft
    Participant
    Post count: 87

    What browser, etc are you using? Have you cleared your cache or done a hard refresh (shift-F5 on PCs)?

    Everything looks right to me.


    Brandon Kraft
    Volunteer
    Blog | Twitter
    Genesis eNews Extended Support

    #16748

    SoZo
    Moderator
    Post count: 1573

    Well, you loaded the font up in the style sheet header. I really don’t see how that would cause the issue especially since the titles aren’t even using the font and moving it in Firebug didn’t resolve the issue.

    Go ahead and remove it from your style sheet altogether and then add this to functions.php

    [php]/** Load Google fonts */
    add_action( ‘wp_enqueue_scripts’, ‘custom_load_google_fonts’ );
    function custom_load_google_fonts() {
    wp_enqueue_style( ‘google-fonts’, ‘http://fonts.googleapis.com/css?family= Englebert’, array(), PARENT_THEME_VERSION );
    }[/php]


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16779

    Brittany
    Participant
    Post count: 8

    Thanks for your input Brandon!

    I tried clearing everything and using different browsers to no avail.

    Sozo, thanks so much. I just tried that and I’m still currently seeing a line through the titles when I hover over them. So strange. Any other ideas?

    #16782

    Kraft
    Participant
    Post count: 87

    What OS are you on? I’m trying to recreate the issue on my end to see if I can figure it out.

    FWIW, it looks right on Windows 8 on latest versions of Chrome, Firefox and IE.


    Brandon Kraft
    Volunteer
    Blog | Twitter
    Genesis eNews Extended Support

    #16785

    Brittany
    Participant
    Post count: 8

    hmm, I’m on a mac and I’ve tried it in Safari and Chrome. When I use the safari develop tool and view it in Chrome and Firefox for Windows I am still seeing the line when I hover over the post title.

    Thanks for looking into it!

    #16793

    SoZo
    Moderator
    Post count: 1573

    The issue seems to be that the anchor is smaller than the h2 for some reason. This only started after you added the google font? Let’s remove that completely to check if that is in fact the source.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16840

    Brittany
    Participant
    Post count: 8

    Ok, I believe I have removed all google fonts stuff from the code.

    The problem does not exist now.

    I do now have a google font plugin installed that I thought I’d try but even with that I have issues, now not being able to get the font to change.

    I have been having all kinds of issues just trying to customize these post titles to a custom font and a smaller font size. Neither of which has worked out yet.

    Thanks for helping me figure it out.

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

You must be logged in to reply to this topic.