Community Forums › Forums › Archived Forums › Design Tips and Tricks › Text not displaying, only after clicking random part of site
Tagged: text not visible
- This topic has 34 replies, 6 voices, and was last updated 10 years ago by Mayur Somani.
-
AuthorPosts
-
March 24, 2014 at 3:13 pm #96472tekkentimMember
Could explain the fact why nobody is reporting the issue here..
I guess there is no quick solution to use another font for the time being ?
March 24, 2014 at 3:15 pm #96476photasticMemberHolland... nuff said... 😉
Belgium rocks 😉
just kidding... really strange stuff...
something is fishy indeed... when I look at the site in IE the menu items aren't floating left...
Trying to craft webstuff at Photastic Webdesign
Learning Genesis by solving unanswered topicsMarch 24, 2014 at 3:18 pm #96477AnitaKeymasterTry commenting out the Google Font so it will default to the standard font. See if they show up.
Love coffee, chocolate and my Bella!
March 24, 2014 at 3:18 pm #96478tekkentimMemberHah, depends on what part of Belgium 😉
I really dont know whats up.. pretty annoying 🙁
March 24, 2014 at 3:25 pm #96479AnitaKeymasterResponse from @PixelPerfect out on Twitter - she found this - http://stackoverflow.com/questions/22011139/google-fonts-are-not-rendering-on-google-chrome. Try that.
Love coffee, chocolate and my Bella!
March 24, 2014 at 3:27 pm #96480GingerParticipantHi there,
I can duplicate what he is seeing and I'm in US. My Chrome version is 33.0.1750.152 and it says it is up to date, Windows version must be a little ahead. I'm on a Mac - OS X Mavericks 10.9.3.
@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options
March 24, 2014 at 3:32 pm #96483tekkentimMemberThanks for the link Anitac, a lot of stuff there.. no idea where to put the code 😉 afraid to break something !
March 24, 2014 at 3:34 pm #96484AnitaKeymasterDid you do as I suggested previously - comment out the Lora font to see if the default fonts appear?
Love coffee, chocolate and my Bella!
March 24, 2014 at 3:36 pm #96485tekkentimMemberCould you tell me where and how to do it ? Which line should i edit / delete ?
March 24, 2014 at 3:49 pm #96486AnitaKeymasterI thought it was in the style sheet, but it's in your functions.php file. Look for this:
//* Load Lora and Oswald Google fonts add_action( 'wp_enqueue_scripts', 'eleven40_google_fonts' ); function eleven40_google_fonts() { wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Lora:400,700|Oswald:400', array(), PARENT_THEME_VERSION ); }
Replace that with this:
//* Load Lora and Oswald Google fonts /*add_action( 'wp_enqueue_scripts', 'eleven40_google_fonts' ); function eleven40_google_fonts() { wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Lora:400,700|Oswald:400', array(), PARENT_THEME_VERSION ); }*/
Warning: before your proceed, 1) make a backup of the file and 2) have access to your file manager or FTP. This is precautionary.
Love coffee, chocolate and my Bella!
March 24, 2014 at 5:05 pm #96493tekkentimMemberHi Anitac,
It kind of worked, but looks really ugly now 😉
Is there any way to make it less ugly? 😉
Thanks so much!
March 24, 2014 at 5:58 pm #96495AnitaKeymasterNow, go to your Style.css - look for this:
body { color: #333333; font-family: 'Lora',serif; font-size: 1.6rem; line-height: 1.625; }
and change it to this:
body { color: #333333; /* font-family: 'Lora',serif;*/ font-size: 1.6rem; line-height: 1.625; }
Let's see what that does.
Love coffee, chocolate and my Bella!
March 25, 2014 at 3:44 am #96536tekkentimMemberYou fixed it ! 🙂 Thanks so much.
Now i just have to wait till Google updates chrome i guess?
March 25, 2014 at 9:23 am #96566nciskeMemberHere's a bunch of workarounds you can try until Chrome gets its act together:
StackOverflow: Google Chrome bug - website not displaying text
Nick Ciske | https://luminfire.com/ | @nciske
Did I help you? Say thanks: http://bit.ly/1lahwy0March 25, 2014 at 9:26 am #96569Mayur SomaniMemberAdding this code to style.css should fix the issue,
body { -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; } @-webkit-keyframes fontfix { from { opacity: 1; } to { opacity: 1; } }
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.