Licensing & Installation
Web fonts from Linotype.comBelow you will find everything you need to know about getting started with web fonts from Linotype.com.
Our licensing modelPay as you go; only pay for what you actually use. Licensing Web fonts from Linotype.com is straightforward and easy to understand. Simply pay for the number of pageviews you think you’ll need. If you use all of your pageviews, come back to add more. For each font you want to use, you purchase a package of pageviews that you gradually use up over time. Your pageview package does not expire – you are only required to pay again when your pageview allowance is exhausted. Our concept differs from other licensing models that require monthly payments and specify a fixed number of pageviews per month; with our system you will never pay for unused pageviews! Additionally, our Web fonts license is not tied to a particular domain, but applies to all domains that are registered for the license holder. Visit your account page for daily reporting on the number of pageviews you’ve used, broken down by domain. You will be automatically notified when your pageview package is nearing depletion so that you have plenty of time to renew your license. We offer an assortment of pageview packages, so you can always find a solution that best fits your needs. For packages greater than 250,000 pageviews, you have the option to specify your exact package size. As an added benefit, the more pageviews you license at any one time, the better value you receive for each pageview.
For example, our smallest package – with a package of 250,000 pageviews – each 1,000 pageviews cost 0.116 USD/EUR. In contrast, a package with a package of 10,000,000 pageviews you pay only 0.037 USD/EUR per 1,000 pageviews.
To offer some perspective, this means our smallest package – costing 29 USD/EUR – should last a small to medium-sized company (with 10,000 pageviews per month) a good 2 years, with a monthly cost of only 1.16 USD/EUR.
Again, Web fonts are even more cost-effective for your company the more pageviews you license at one time!
Save 50% off corresponding desktop fontsWhen you acquire a license for one of our Web fonts from Linotype.com, you also have the opportunity to purchase the corresponding desktop font at half price! (Valid for basic license up to five workstations.) You can purchase desktop versions of your Web font selections through the font’s family page or by using your shopping cart.
Payment and installationIn the webshop at Linotype.com, available Web fonts are indicated by the “Web Fonts” tab.
To select a license for your desired package of pageviews, go to your selection’s family or product page; you can also use the shopping cart as well.
License selection on the family page
License selection at the shopping cart
Once your payment has been submitted, you can download a “Web Font Kit” providing all the files you require. This will include not just the Web fonts for which you have acquired a license for, but also the tracking code used to count pageviews on your site and a CSS file that defines the fonts for use on webpages. You will then have everything you need to quickly and easily incorporate your Web fonts in your webpages.
The Web Font Kit contains the following files:
- Fonts: these folders contain the fonts for all supported web browsers (EOT, SVG, TTF, WOFF).
- demo.htm: an example HTML file that uses the @import method for page tracking.
- demo.css: an example CSS file that corresponds to demo.htm and contains the font definitions.
- demo-async.css: an example CSS file that corresponds to demo-async.htm and contains the font definitions.
|1)||@import method: demo.css and demo.htm
The tracking CSS file is activated by the @import tag in the font CSS file. You need only link the demo.css file to your web pages.
In the case of this direct method, page display commences only when the tracking CSS file is itself loaded. If you are concerned that the Linotype.com servers will be unable to respond rapidly enough, use the alternative asynchronous method.
|1)||Copy the “Fonts” folder to your web server.|
|3)||Assign the corresponding HTML tags to the fonts in your CSS file. You will find examples to help you in the relevant demo files.|
|4)||Follow the instructions for the configuration of your web server.|
Web server configuration and securing your fontsDepending on environment, you may need to configure the server to send an “access-control-allow-origin” header. For more information, see Mozilla Developer Network and W3C Cross-Origin Resource Sharing.
In their standard configuration, some web servers, specifically the IIS, lack the necessary MIME type assignments for some or all Web fonts, meaning that it is necessary to supply these retroactively. We would recommend using the “application/octet stream” MIME attachment for all Web fonts. This will ensure the best level of compatibility with the various browsers.
Our licensing conditions require you to ensure that certain security measures are in place to prevent your Web fonts being misused. Among these security measures is the use of encrypted font names, which you are thus required to retain. See the example files, where the correct font names are referenced.
In addition, your web server must be configured to ensure that the Web fonts cannot be simply downloaded if a URL is entered into a browser or using a wget command (so-called “hotlink protection”). It must also be ensured that links to the Web fonts cannot be established from external websites.
How to find Web fonts on Linotype.com:On the font family page and on the product page you’ll find a tab for web fonts next to the desktop fonts tab. You can select and purchase the desired web fonts here.
Webfonts-Tutorial: useful tips and hints on the topic of Web fontsThis series of articles covers the various topics related to the use of Web fonts.
Click here for the complete list of all content published so far.
For more detailed information, please see our Web Fonts FAQ section.