Solved

Css problem in Safari

Posted on 2014-10-08
3
134 Views
Last Modified: 2014-10-18
Hi,

The website I'm working on is displaying all fonts in bold in Safari. Can you please help me find the issue? http://www.gcip-portroyal.f17.us/

Thanks!!
0
Comment
Question by:Lily White
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40369642
If your font has a bold variation then you should be using that else you are leaving it upto the browser how to render the bold version.
But you can try adding this to your css

-webkit-font-smoothing: antialiased;
0
 

Accepted Solution

by:
Lily White earned 0 total points
ID: 40377136
Found out that Open Sans (using Google Fonts plugin) is displayed only in bold in Safari. So yes, it's the browser issue. I had to find a different font.
Thanks
0
 

Author Closing Comment

by:Lily White
ID: 40388576
Thanks for your help!
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

691 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question