Tagged: ,

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

    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

    #238772

    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

    #238904

    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?

    #238944

    Hey!

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

    Best regards,
    Yigit

    #238948

    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?

    #239129

    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

    #239301

    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?

    #240596

    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

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

You must be logged in to reply to this topic.