Solved

Inconsistent User Experience from website because of font issue

Posted on 2014-01-17
5
225 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
  • 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 8

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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Now that you've installed WordPress 2.9 (http://www.experts-exchange.com/articles/Web_Development/Blogs/WordPress/WordPress-2-9-What-to-Expect-When-Upgrading-to-WordPress-2-9.html?) on your site, you need to install some plugins to get the most out …
How to create your own WordPress Theme Before I begin with the theme design tutorial, I would like to give you the basics of what is required to make a WordPress Theme. The most basic WordPress theme only requires 2 files: a style.css file and an…
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…

759 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now