• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 236
  • Last Modified:

Inconsistent User Experience from website because of font issue

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
GeoLearn
Asked:
GeoLearn
  • 3
1 Solution
 
GaryCommented:
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
 
GeoLearnAuthor Commented:
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
 
GaryCommented:
Same solution applies, some of these custom fonts are just not designed for small type in mind.
0
 
Brandon LyonSenior Frontend DeveloperCommented:
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
 
GaryCommented:
Is there a parrot in the house.
0

Featured Post

Prep for the ITIL® Foundation Certification Exam

December’s Course of the Month is now available! Enroll to learn ITIL® Foundation best practices for delivering IT services effectively and efficiently.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now