Q: Do you offer webfonts?
A: Yes, we do offer webfonts of our typefaces. Please go to the “Buy fonts” pages to see all licenses.
Q: Are webfonts optimized for on-screen reading?
A: Yes. All of our webfonts have been optimized (hinted) for the screen. However, the quality of font rendering varies greatly depending on platform and application. Mac OSX uses a generic rendering algorithm which displays all fonts equally well and completely ignores font hinting. Windows on the other hand displays well TrueType fonts which have been optimized for the screen. Most problems are with very old versions of Windows 95, where ClearType rasterizer is turned OFF.
Q: How many domains do you allow the font to be displayed on per licence?
A: A webfont licence is only valid for one specific domain. If you wish to use the webfonts on multiple domains, you need to buy a licence for each specific domain.
Q: Do I need extra licenses for subdomains?
A: No. The “domain” is the host name of a website’s home page (for instance http://www.example.com). You may use the webfonts for multiple sub-domains (as in “shop” of shop.example.com, or “blog” of blog.example.com, etc.).
Q: Are there recurring costs?
A: No. All webfont licenses are perpetual and don’t require a subscription. There’s no monthly fee to use your fonts. Once you purchase the license, it’s yours. The only time you’d be required to pay more is if your site traffic exceeds the monthly number of pageviews your license is set for.
Q: What are pageviews?
A: A pageview is one request for the viewing of a page of your website. The average total traffic of your website per month, measured in pageviews, must not exceed the amount shown on your sales receipt. If it does, you must purchase a license upgrade for the increased pageview amount.
Q: How many pageviews should I buy?
A: If you aren’t sure, 50,000 pageviews per month is a good starting point. If you go over your limit, contact us and ask to upgrade. It will be an easy process.
Q: What webfont formats do you provide?
A: When buying webfonts we will send you 2 font files for each style: WOFF, WOFF2. This works for all major web browsers.
Q: Does webfonts contain the same character set as desktop fonts?
A: To keep the file size as small as possible we may slightly reduce the character set of our webfonts. Typically tabular numerals, superiors, inferiors and arrows are removed. Please visit the “Character Set” page of the particular typeface for detailed information.
Q: I can’t install my webfonts on my computer!
A: Our webfonts can only be used on websites. They do not work on desktop systems. If you want to use the fonts also on your desktop computer, you need to purchase a desktop licence.
Q: How can I embed webfonts in my webpage?
A: First you must upload your webfonts to your website. A special CSS @font-face declaration helps the various browsers select the appropriate font it needs. The code for it is as follows:
@font-face {
font-family: 'MyWebFont';
src: url('WebFont.woff2') format('woff2'),
url('WebFont.woff') format('woff');
}
To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:
p { font-family: 'MyWebFont', Arial, sans-serif; }
Q: What is @font-face?
A: The @font-face rule is a W3C standard allowing authors to specify online fonts for displaying text on their webpages. For more information see the
W3C article on the @font-face rule.
Q: Is there kerning in my webfont?
A: Yes, webfonts contain kerning. However, most browsers do not support kerning by default. Improved handling of kerning pairs in modern web browsers using the text-rendering: optimizeLegibility; declaration. The declaration is currently supported by Safari 5 and Chrome. Firefox already uses optimizeLegibility by default for text sizes above 20px.
Q: Why do my webfonts look too bold in certain browsers?
A: This might be a rendering problem. Try to add the following code to your CSS:
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
If you use different font-family names in your @font-face declaration for Regular and Bold, and also use font-weight: bold; for the bold style, Firefox applies the bold font-weight to it. So basically it doubles the effect. Just use an identical family name or apply font-weight: normal; to the bold style.