Troubleshooting Issues

1. Why do my Web fonts look “double” bold or italic?

2. Why do my Web fonts look different from the online sample? Only applies to Safari/Chrome on OS X and iOS.

3. Why is my text displaying poorly?


1. Why do my Web fonts look “double” bold or italic?
If you decided to use family-linking in your @font-face rules for browser-compatibility purposes, a side effect is that if you select a bold font and use it with an element that has a font-weight of bold (H1, for example, has a bold weight by default) or select an italic font and use it with an element that has a font-style of italic (e.g. EM), the browser will take the bold or italic font and then transform it mathematically to match the element’s font-weight/font-style. The resolution is to ensure that all elements using Web fonts have a font-weight and font-style of ‘normal’.


2. Why do my Web fonts look different from the online sample? Only applies to Safari/Chrome on OS X and iOS.
Our web site uses the ‘-webkit-font-smoothing’ CSS property with a value of ‘antialiased’, which alters the way the browser renders text. You may add this to your site’s CSS to achieve the same effect.


3. Why is my text displaying poorly?
It could be one of many reasons. Did you check the webfont previews to make sure it would render well in older browsers? Thin, highly stylized or grungy fonts won’t display very well in small sizes, and this can be checked before purchase in our Webfont previews.