Web Font Kit & Implementation Guide

Thank you for buying webfonts on Linotype.com.

You find below an overview of the fonts contained in this kit. To use these webfonts on your website please follow the implementation guidelines below.

CSS Implementation Guidelines

You need one file for each font style you want to use in your site. Use the CSS code example below to reference your webfonts. Make sure that the font file URL is appropriate with the path on your server

The value of the font-family property is used internally in your style definitions, so you could set it to any name you like. Make sure to keep it shorter than 32 characters though, or Internet Explorer will not display your webfonts

Font file names have been obfuscated to protect the font software. You can identify font format based on file ending:

woff - Web Open Font Format (woff)

woff - Web Open Font Format version 2 (woff2)

Copy and paste the following code into the head section of the page

CSS-only

The CSS-only implementation does not require Javascript but can slightly delay loading of other page elements


<style type="text/css">
    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=4d805aa2-c136-425d-96e2-44c128b01c16&fontids=1489436");
    @font-face{
        font-family:"Helvetica LT W01 Roman";
        src:url("Fonts/1489436/89294146-207c-4803-91fe-338f0d0094bd.woff2") format("woff2"),url("Fonts/1489436/57055fe4-c2d3-4287-bac2-eece43fdcbd3.woff") format("woff");
    }
</style>

Javascript

The asynchronous script loads in the background allowing the other elements of your website to load first and undeterred.


<script type="text/javascript">
    var MTUserId='4d805aa2-c136-425d-96e2-44c128b01c16';
    var MTFontIds = new Array();

    MTFontIds.push("1489436"); // Helvetica® W01 Roman 
    (function() {
        var mtTracking = document.createElement('script');
        mtTracking.type='text/javascript';
        mtTracking.async='true';
        mtTracking.src='mtiFontTrackingCode.js';

        (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(mtTracking);
    })();
</script>

<style type="text/css">
    @font-face{
        font-family:"Helvetica LT W01 Roman";
        src:url("Fonts/1489436/89294146-207c-4803-91fe-338f0d0094bd.woff2") format("woff2"),url("Fonts/1489436/57055fe4-c2d3-4287-bac2-eece43fdcbd3.woff") format("woff");
    }

</style>

Legal Information

You and any third party web font hosting service are responsible for ensuring that the font software in the self-hosting kit, in its orginal format, can only be used on the websites for which the self hosting kit was downloaded and cannot be used or referenced by any other websites.

This includes, but is not limited to installing adequate technical protection measures that restrict the user and/or access to the font software, for instance by utilizing JavaScript or access control mechanism for cross-origin resource sharing and protection against use on websites other than the websites for which the self-hosting kit was downloaded by restricting domain access only to such websites.

You must also retain the page view tracking code on any website that you self-host.In the event this agreement terminates for any reason, the font software included with the self-hosting kit must be deleted from the server and all copies must be destroyed or returned to Monotype.

Licensing information should be included within the CSS:

/*
        This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  https://www.linotype.com
        */

Web Font Kit & Implementation Guide

Web Fonts contained in this kit

CSS Implementation Guidelines

Legal Information