Life seemed so easy. Designing websites in Muse, watching them online in Safari on my Apple. Now I took the trouble to took a subscription on Browser Stack, a service that generates screenshots in a multitude of browsers.
Now it is all complicated. I used Lucida – a so called web safe font – for one of my sites. It shows up in Arial on Iphones and Ipads. Smaller font sizes are rendered completely different in Internet Explorer.
I used Adobe Edge web fonts. In some browsers they look ok, in other browers not at all.
Even with self hosted web fonts I have mixed successes.
How can I solve this? Is there one font that renders well in all browsers on all platforms?
How can I make a self hosted font looking good an all platforms? Or is there something wrong with my settings in Muse?
Any help is greatly appreciated.