Web Font Kit & Implementation Guide

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:

• ttf - TrueType
• eot - Embedded OpenType
• woff - Web Open Font Format
• woff2 - Web Open Font Format version 2

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=da&c=d15fbc45-5cec-47ce-bcac-8f4b6837dde1&fontids=1488866,1488872,1488878,1488884,1488890,1488896,1488902,1488908,1488914,1488920,1488926,1488932"); @font-face{ font-family:"Helvetica Neue LT W01_35 Thin"; src:url("Fonts/1488866/d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix"); src:url("Fonts/1488866/d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix") format("eot"),url("Fonts/1488866/4ff9f3fa-9221-4fc5-97e6-93572b6efa24.woff2") format("woff2"),url("Fonts/1488866/ca8d25cd-e264-4404-b271-4afc45c779c4.woff") format("woff"),url("Fonts/1488866/e8f8260f-dbee-4daa-81a4-0e415715c569.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_36 Th It"; src:url("Fonts/1488872/55740f7d-3bf3-44a5-bfa0-2f1ef436ce72.eot?#iefix"); src:url("Fonts/1488872/55740f7d-3bf3-44a5-bfa0-2f1ef436ce72.eot?#iefix") format("eot"),url("Fonts/1488872/a9445981-191b-46c7-866c-acb67f9cc1db.woff2") format("woff2"),url("Fonts/1488872/a0e9ae86-436e-483a-8201-6c694e90e9ee.woff") format("woff"),url("Fonts/1488872/d2655153-67dd-48c9-a5b2-cec33c40e333.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_41488878"; src:url("Fonts/1488878/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix"); src:url("Fonts/1488878/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot"),url("Fonts/1488878/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"),url("Fonts/1488878/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"),url("Fonts/1488878/0be5590f-8353-4ef3-ada1-43ac380859f8.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_46 Lt It"; src:url("Fonts/1488884/e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix"); src:url("Fonts/1488884/e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix") format("eot"),url("Fonts/1488884/261b4efb-3d70-4965-977d-38af9422700d.woff2") format("woff2"),url("Fonts/1488884/2e00514e-1764-4250-a0c5-aca3e5a8d133.woff") format("woff"),url("Fonts/1488884/e2fe2e07-9419-400f-953d-dc23cfa647a2.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_55 Roman"; src:url("Fonts/1488890/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix"); src:url("Fonts/1488890/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix") format("eot"),url("Fonts/1488890/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"),url("Fonts/1488890/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"),url("Fonts/1488890/8a8bfee3-197c-4942-9b11-71508cc9f406.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_56 It"; src:url("Fonts/1488896/5d0e5dca-869d-4e14-ac6b-45fbab3c4047.eot?#iefix"); src:url("Fonts/1488896/5d0e5dca-869d-4e14-ac6b-45fbab3c4047.eot?#iefix") format("eot"),url("Fonts/1488896/21c44514-f4d6-4cff-a5de-e4cac5e61aff.woff2") format("woff2"),url("Fonts/1488896/e7c4b231-76ad-47c7-a54b-5d84dcd78d0f.woff") format("woff"),url("Fonts/1488896/b6db417f-e795-426a-a2af-adc37a3419a6.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_65 Md"; src:url("Fonts/1488902/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix"); src:url("Fonts/1488902/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix") format("eot"),url("Fonts/1488902/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2") format("woff2"),url("Fonts/1488902/050b1948-f226-4d20-a65a-15d8ed031222.woff") format("woff"),url("Fonts/1488902/beb88be6-2a60-46fe-914f-6892b3ae46ce.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_66 Md It"; src:url("Fonts/1488908/4c68f39a-1d08-4a26-81b3-c424cbe6d712.eot?#iefix"); src:url("Fonts/1488908/4c68f39a-1d08-4a26-81b3-c424cbe6d712.eot?#iefix") format("eot"),url("Fonts/1488908/657c2fa4-585b-4761-9e2e-65ab13159323.woff2") format("woff2"),url("Fonts/1488908/400869f0-f0d5-49a0-8a11-f4fb4279d125.woff") format("woff"),url("Fonts/1488908/14df02b1-01f4-4426-bf7b-ad2f39dc1346.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_71488914"; src:url("Fonts/1488914/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix"); src:url("Fonts/1488914/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"),url("Fonts/1488914/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),url("Fonts/1488914/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"),url("Fonts/1488914/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_76 Bd It"; src:url("Fonts/1488920/52b6ae3e-9443-4acc-9bf9-f5154eeab77c.eot?#iefix"); src:url("Fonts/1488920/52b6ae3e-9443-4acc-9bf9-f5154eeab77c.eot?#iefix") format("eot"),url("Fonts/1488920/ade4dbae-c607-4c84-a375-f0c4de0cc357.woff2") format("woff2"),url("Fonts/1488920/5b864741-6f14-4ed9-a297-27a4d73edf51.woff") format("woff"),url("Fonts/1488920/0cdccad5-a023-4a17-8ea9-01a0e6ad7ff4.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_85 Heavy"; src:url("Fonts/1488926/b7066775-c685-4630-b98c-5da67d4981e9.eot?#iefix"); src:url("Fonts/1488926/b7066775-c685-4630-b98c-5da67d4981e9.eot?#iefix") format("eot"),url("Fonts/1488926/dd7814bd-8abf-46c5-a4be-db0977de2cca.woff2") format("woff2"),url("Fonts/1488926/20ffa4b4-0154-4ca6-800c-468cecbd60f1.woff") format("woff"),url("Fonts/1488926/c68e9fac-92b0-47be-853c-1a0e92f68c3d.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_86 Hv It"; src:url("Fonts/1488932/264fe832-63b5-439f-bacc-51c65507c211.eot?#iefix"); src:url("Fonts/1488932/264fe832-63b5-439f-bacc-51c65507c211.eot?#iefix") format("eot"),url("Fonts/1488932/a1ce96fc-e8fa-4118-8a5c-e06d8d094e56.woff2") format("woff2"),url("Fonts/1488932/c577fdb4-0e4a-4767-aa14-5510cf2c8fa4.woff") format("woff"),url("Fonts/1488932/9bc35aed-b72c-4515-aa1e-42fe888c15bd.ttf") format("truetype"); } </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='d15fbc45-5cec-47ce-bcac-8f4b6837dde1'; var MTFontIds = new Array(); MTFontIds.push("1488866"); // Neue Helvetica® W01 35 Thin MTFontIds.push("1488872"); // Neue Helvetica® W01 36 Thin Italic MTFontIds.push("1488878"); // Neue Helvetica® W01 45 Light MTFontIds.push("1488884"); // Neue Helvetica® W01 46 Light Italic MTFontIds.push("1488890"); // Neue Helvetica® W01 55 Roman MTFontIds.push("1488896"); // Neue Helvetica® W01 56 Italic MTFontIds.push("1488902"); // Neue Helvetica® W01 65 Medium MTFontIds.push("1488908"); // Neue Helvetica® W01 66 Medium Italic MTFontIds.push("1488914"); // Neue Helvetica® W01 75 Bold MTFontIds.push("1488920"); // Neue Helvetica® W01 76 Bold Italic MTFontIds.push("1488926"); // Neue Helvetica® W01 85 Heavy MTFontIds.push("1488932"); // Neue Helvetica® W01 86 Heavy Italic (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 Neue LT W01_35 Thin"; src:url("Fonts/1488866/d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix"); src:url("Fonts/1488866/d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix") format("eot"),url("Fonts/1488866/4ff9f3fa-9221-4fc5-97e6-93572b6efa24.woff2") format("woff2"),url("Fonts/1488866/ca8d25cd-e264-4404-b271-4afc45c779c4.woff") format("woff"),url("Fonts/1488866/e8f8260f-dbee-4daa-81a4-0e415715c569.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_36 Th It"; src:url("Fonts/1488872/55740f7d-3bf3-44a5-bfa0-2f1ef436ce72.eot?#iefix"); src:url("Fonts/1488872/55740f7d-3bf3-44a5-bfa0-2f1ef436ce72.eot?#iefix") format("eot"),url("Fonts/1488872/a9445981-191b-46c7-866c-acb67f9cc1db.woff2") format("woff2"),url("Fonts/1488872/a0e9ae86-436e-483a-8201-6c694e90e9ee.woff") format("woff"),url("Fonts/1488872/d2655153-67dd-48c9-a5b2-cec33c40e333.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_41488878"; src:url("Fonts/1488878/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix"); src:url("Fonts/1488878/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot"),url("Fonts/1488878/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"),url("Fonts/1488878/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"),url("Fonts/1488878/0be5590f-8353-4ef3-ada1-43ac380859f8.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_46 Lt It"; src:url("Fonts/1488884/e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix"); src:url("Fonts/1488884/e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix") format("eot"),url("Fonts/1488884/261b4efb-3d70-4965-977d-38af9422700d.woff2") format("woff2"),url("Fonts/1488884/2e00514e-1764-4250-a0c5-aca3e5a8d133.woff") format("woff"),url("Fonts/1488884/e2fe2e07-9419-400f-953d-dc23cfa647a2.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_55 Roman"; src:url("Fonts/1488890/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix"); src:url("Fonts/1488890/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix") format("eot"),url("Fonts/1488890/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"),url("Fonts/1488890/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"),url("Fonts/1488890/8a8bfee3-197c-4942-9b11-71508cc9f406.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_56 It"; src:url("Fonts/1488896/5d0e5dca-869d-4e14-ac6b-45fbab3c4047.eot?#iefix"); src:url("Fonts/1488896/5d0e5dca-869d-4e14-ac6b-45fbab3c4047.eot?#iefix") format("eot"),url("Fonts/1488896/21c44514-f4d6-4cff-a5de-e4cac5e61aff.woff2") format("woff2"),url("Fonts/1488896/e7c4b231-76ad-47c7-a54b-5d84dcd78d0f.woff") format("woff"),url("Fonts/1488896/b6db417f-e795-426a-a2af-adc37a3419a6.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_65 Md"; src:url("Fonts/1488902/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix"); src:url("Fonts/1488902/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix") format("eot"),url("Fonts/1488902/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2") format("woff2"),url("Fonts/1488902/050b1948-f226-4d20-a65a-15d8ed031222.woff") format("woff"),url("Fonts/1488902/beb88be6-2a60-46fe-914f-6892b3ae46ce.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_66 Md It"; src:url("Fonts/1488908/4c68f39a-1d08-4a26-81b3-c424cbe6d712.eot?#iefix"); src:url("Fonts/1488908/4c68f39a-1d08-4a26-81b3-c424cbe6d712.eot?#iefix") format("eot"),url("Fonts/1488908/657c2fa4-585b-4761-9e2e-65ab13159323.woff2") format("woff2"),url("Fonts/1488908/400869f0-f0d5-49a0-8a11-f4fb4279d125.woff") format("woff"),url("Fonts/1488908/14df02b1-01f4-4426-bf7b-ad2f39dc1346.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_71488914"; src:url("Fonts/1488914/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix"); src:url("Fonts/1488914/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"),url("Fonts/1488914/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),url("Fonts/1488914/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"),url("Fonts/1488914/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_76 Bd It"; src:url("Fonts/1488920/52b6ae3e-9443-4acc-9bf9-f5154eeab77c.eot?#iefix"); src:url("Fonts/1488920/52b6ae3e-9443-4acc-9bf9-f5154eeab77c.eot?#iefix") format("eot"),url("Fonts/1488920/ade4dbae-c607-4c84-a375-f0c4de0cc357.woff2") format("woff2"),url("Fonts/1488920/5b864741-6f14-4ed9-a297-27a4d73edf51.woff") format("woff"),url("Fonts/1488920/0cdccad5-a023-4a17-8ea9-01a0e6ad7ff4.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_85 Heavy"; src:url("Fonts/1488926/b7066775-c685-4630-b98c-5da67d4981e9.eot?#iefix"); src:url("Fonts/1488926/b7066775-c685-4630-b98c-5da67d4981e9.eot?#iefix") format("eot"),url("Fonts/1488926/dd7814bd-8abf-46c5-a4be-db0977de2cca.woff2") format("woff2"),url("Fonts/1488926/20ffa4b4-0154-4ca6-800c-468cecbd60f1.woff") format("woff"),url("Fonts/1488926/c68e9fac-92b0-47be-853c-1a0e92f68c3d.ttf") format("truetype"); } @font-face{ font-family:"Helvetica Neue LT W01_86 Hv It"; src:url("Fonts/1488932/264fe832-63b5-439f-bacc-51c65507c211.eot?#iefix"); src:url("Fonts/1488932/264fe832-63b5-439f-bacc-51c65507c211.eot?#iefix") format("eot"),url("Fonts/1488932/a1ce96fc-e8fa-4118-8a5c-e06d8d094e56.woff2") format("woff2"),url("Fonts/1488932/c577fdb4-0e4a-4767-aa14-5510cf2c8fa4.woff") format("woff"),url("Fonts/1488932/9bc35aed-b72c-4515-aa1e-42fe888c15bd.ttf") format("truetype"); } </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 web sites

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:  http://www.fonts.com
        */