Community Forums › Forums › Archived Forums › Design Tips and Tricks › Error with Google Fonts – Minimum Theme
Tagged: google fonts, minimum
- This topic has 7 replies, 3 voices, and was last updated 11 years, 2 months ago by Brittany.
-
AuthorPosts
-
January 31, 2013 at 9:02 am #16735BrittanyMember
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!
January 31, 2013 at 10:37 am #16743KraftMemberWhat 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 SupportJanuary 31, 2013 at 10:51 am #16748SoZoMemberWell, 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
/** 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 ); }
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 31, 2013 at 11:49 am #16779BrittanyMemberThanks 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?
January 31, 2013 at 12:01 pm #16782KraftMemberWhat 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 SupportJanuary 31, 2013 at 12:14 pm #16785BrittanyMemberhmm, 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!
January 31, 2013 at 1:25 pm #16793SoZoMemberThe 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
January 31, 2013 at 4:20 pm #16840BrittanyMemberOk, 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.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.