Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #238256


    I have developed a homepage for a client. But the the font seems different when displayed on my Mac versus his Windows computer. I use Open Sans as the font.

    The general styling is visualized as it should on my Mac when using Safari, Chrome or Firefox. But when my client opens the homepage on his Windows computer the text won’t show in bold and the color text is generally much lighter and less readable.

    Can you help me?

    Best regards,


    Hi alexanderloft!

    You can try adding following code to Quick CSS in Enfold theme options under Styling tab to increase font weight globally

    body { font-weight: 600; }

    Can you also post the link to your website and screenshot showing how text looks on Mac and Windows computers?



    Hi Yigit,

    Thank you for your reply!

    I will perhaps try to add the code to Quick CSS.

    Here is a link to the website:

    I have some screenshots showing how the text looks on Mac and Windows. How do I add the screenshots in this forum?



    You can upload screenshots on imgur.com or Dropbox public folder and post links here

    Best regards,


    Thank you!

    Here is a link:

    Do you have any idea what this is caused by? And how to solve it?



    I checked the website on Chrome Windows 8 and it the font weight is set to bold. Please add this on Quick CSS or custom.css:

    .main_color .heading-color, .main_color a.iconbox_icon:hover, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item > a, .main_color .sidebar .current-menu-item > a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline {
        color: #222;
        font-weight: 600;



    Hi Ismael,

    I added the code on Quick CSS, but unfortunately it did not solve the problem on the Windows computer.

    It seems like Enfold struggles with some difficulties in Explorer and Firefox.

    You can see an example from Google Analytics here:

    Is there any other solutions?



    The theme really doesn’t have any effect on how the google font renders on any given users computer. Its up to the computer to render the font how its sent from google’s font files.

    For instance on windows if the user has the same font file on their computer but its incorrect or corrupted it will then render poorly on the web page. You can view the fonts directly here: http://www.google.com/fonts/specimen/Open+Sans

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.