Jump to content


Photo
- - - - -

Feature fonts different in different browsers

browser feature google webfonts

  • Please log in to reply
1 reply to this topic

#1 bobbekaer

bobbekaer

    Advanced Member

  • Members

  • 89 posts
  • Framework Version:2.3.6
  • Country: Country Flag

Posted 25 June 2013 - 12:46 PM

Hi

 

I am working on 

Please Login or Register to see this Hidden Content

.

 

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

 

In Safari it looks like this: 

Please Login or Register to see this Hidden Content

In Firefox like this: 

Please Login or Register to see this Hidden Content

 

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



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 25 June 2013 - 03:17 PM

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 - 

Please Login or Register to see this Hidden Content

To make life a little easier there is a plugin to help with this 

Please Login or Register to see this Hidden Content

 
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. 






Also tagged with one or more of these keywords: browser, feature, google webfonts