Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 16, 2014 at 10:40 am #238256
    alexanderloft

    Hi

    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,
    Alexander

    March 17, 2014 at 4:05 pm #238772
    Yigit

    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?

    Regards,
    Yigit

    March 17, 2014 at 6:42 pm #238904
    alexanderloft

    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:
    http://www.runningnow.dk

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

    March 17, 2014 at 7:37 pm #238944
    Yigit

    Hey!

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

    Best regards,
    Yigit

    March 17, 2014 at 7:42 pm #238948
    alexanderloft

    Thank you!

    Here is a link:
    http://imgur.com/a/oZl4i

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

    March 18, 2014 at 5:05 am #239129
    Ismael

    Hi!

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

    Cheers!
    Ismael

    March 18, 2014 at 11:58 am #239301
    alexanderloft

    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:
    http://imgur.com/5uz3vQB

    Is there any other solutions?

    March 20, 2014 at 10:08 am #240596
    Devin

    Hi!

    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,
    Devin

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.