Text not displaying, only after clicking random part of site

[tekkentim]

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 ?

[photastic]

Holland... 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 topics

[AnitaC]

Try commenting out the Google Font so it will default to the standard font. See if they show up.

---

Need help with customization or troubleshooting? Reach out to me.

[tekkentim]

Hah, depends on what part of Belgium 😉

I really dont know whats up.. pretty annoying 🙁

[AnitaC]

Response from @PixelPerfect out on Twitter - she found this - http://stackoverflow.com/questions/22011139/google-fonts-are-not-rendering-on-google-chrome. Try that.

---

Need help with customization or troubleshooting? Reach out to me.

[Ginger]

Hi 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

[tekkentim]

Thanks for the link Anitac, a lot of stuff there.. no idea where to put the code 😉 afraid to break something !

[AnitaC]

Did you do as I suggested previously - comment out the Lora font to see if the default fonts appear?

---

Need help with customization or troubleshooting? Reach out to me.

[tekkentim]

Could you tell me where and how to do it ? Which line should i edit / delete ?

[AnitaC]

I 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.

---

Need help with customization or troubleshooting? Reach out to me.

[tekkentim]

Hi Anitac,

It kind of worked, but looks really ugly now 😉

Is there any way to make it less ugly? 😉

Thanks so much!

[AnitaC]

Now, 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.

---

Need help with customization or troubleshooting? Reach out to me.

[tekkentim]

You fixed it ! 🙂 Thanks so much.

Now i just have to wait till Google updates chrome i guess?

[nciske]

Here'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/1lahwy0

[Mayur Somani]

Adding 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; }
}

[Author]

Posts