Archived

This topic is now archived and is closed to further replies.

  • 0

Feature fonts different in different browsers


Question

Posted · Report post

Hi

 

I am working on http://version2manometer.wpforalle.dk.

 

On the frontpage there is a feature. But the H1 font is a bit of a mystery...

 

In Safari it looks like this: http://screencast.com/t/ImF7EEzQtJVP

In Firefox like this: http://screencast.com/t/6OscvthkYhRJ

 

I use the PageLines Googlefonts plugin and the font, Titillium Web, is set to Light...? 

 

Is there anything to do or is a matter of accepting this? I thought the webfonts would show up the same in every browser?

 

Thank you :-)

Bolette

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hello Bolette

 

Different browsers handle CSS differently so it is a matter of testing and then rectifying the problem browsers with some Custom CSS. 

 

I recommend using Firebug or your browsers built-in web dev tools and inspect the problematic sections to find the correct code.

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/

To make life a little easier there is a plugin to help with this http://www.pagelines...ns/browser-css/

 
Inspect the font to see if you can change it in specific browsers. Maybe light in one browser will look the same as lighter in another or so on. 

Share this post


Link to post
Share on other sites