Solved

Inconsistent User Experience from website because of font issue

Posted on 2014-01-17
5
231 Views
Last Modified: 2014-01-20
http://wordpress.geospatial-associates.com/geolearn-faculty/wendy-lathrop/ in mac os all browsers except for firefox render the accordion text at the bottom of the page properly. in windows, if you visit the same page from various browsers, the text looks choppy and ransom-notey. Why is this happening and what can I do to fix this issue?
0
Comment
Question by:GeoLearn
[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
  • 3
5 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39789730
Do you mean the Course Catalog/GeoLearn etc?

This is a problem with all custom fonts, the solution:
1. Change the font-size so as to 'fix it'
2. Use a different font.
3. Try font hinting - https://www.typotheque.com/articles/hinting - may or may not work.
http://makandracards.com/makandra/2605-improve-web-font-rendering-in-windows-by-autohinting-fonts
0
 

Author Comment

by:GeoLearn
ID: 39789750
nope on http://wordpress.geospatial-associates.com/geolearn-faculty/wendy-lathrop/ I am talking about the text in the accordion bars at the bottom called wendy's courses
0
 
LVL 58

Expert Comment

by:Gary
ID: 39789777
Same solution applies, some of these custom fonts are just not designed for small type in mind.
0
 
LVL 9

Expert Comment

by:Brandon Lyon
ID: 39790014
I suggest using a different font that is meant for reading on a screen at small sizes and provides a suitable license for doing so using @font-face. "Google Fonts" (https://www.google.com/fonts) has many of those kinds of fonts available for free

To help you understand, computers don't have a universal way to display fonts. When it comes to font hinting, MacOS is different than Windows is different than Linux. Windows will even display differently depending on the OS-level options users have enabled or disabled.

For more information you may want to google "Font hinting". Here is an example article about it https://www.typotheque.com/articles/hinting .
0
 
LVL 58

Expert Comment

by:Gary
ID: 39790024
Is there a parrot in the house.
0

Featured Post

Enroll in June's Course of the Month

June’s Course of the Month is now available! Experts Exchange’s Premium Members, Team Accounts, and Qualified Experts have access to a complimentary course each month as part of their membership—an extra way to sharpen your skills and increase training.

Question has a verified solution.

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

Like there are many different versions of Wordpress, there are also a handful of related side projects WordPress users should be familiar with.   All of these projects are open source and GPL licensed, which means there are few restrictions to us…
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

688 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