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=css&c=ce1753f4-7e72-43d5-b010-c4a928b996c7&fontids=1475938,1475942,1489728,1489734,1489740,1489746,1489752,1489758,1490620,1490622,1490624,1490626,1490628,1490630"); @font-face{ font-family:"Trade Gothic LT W03 Extended"; src:url("Fonts/1475938/52a4e32f-5c4d-4b96-9af5-21d965e3faa9.eot?#iefix"); src:url("Fonts/1475938/52a4e32f-5c4d-4b96-9af5-21d965e3faa9.eot?#iefix") format("eot"),url("Fonts/1475938/515c5995-1a22-41ba-bee2-481c97eca602.woff2") format("woff2"),url("Fonts/1475938/33ccf0c5-5b07-4998-89e2-43fd42a949f9.woff") format("woff"),url("Fonts/1475938/acc8d97a-3e50-4097-84ab-adc8b869b60f.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W03 Bold Ext"; src:url("Fonts/1475942/24a62f27-8cf9-4918-bd7f-312df3f4ffdd.eot?#iefix"); src:url("Fonts/1475942/24a62f27-8cf9-4918-bd7f-312df3f4ffdd.eot?#iefix") format("eot"),url("Fonts/1475942/8994999c-de55-4c3c-a1e2-87bc95c48c70.woff2") format("woff2"),url("Fonts/1475942/5f61eef3-d629-4032-b3a3-8b9ec769bc6b.woff") format("woff"),url("Fonts/1475942/ba13cb83-ad7a-4a6c-9ec5-9e7916480508.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Lig1489728"; src:url("Fonts/1489728/d9f53a6e-f3ab-49e9-a1f2-0a06dac82486.eot?#iefix"); src:url("Fonts/1489728/d9f53a6e-f3ab-49e9-a1f2-0a06dac82486.eot?#iefix") format("eot"),url("Fonts/1489728/4a11859f-1401-460f-9953-57609abcf83b.woff2") format("woff2"),url("Fonts/1489728/38c7aa22-04a1-4067-8b0f-b2b85ee299bc.woff") format("woff"),url("Fonts/1489728/37c0d945-164a-4b2c-a02f-c6a5da97b5ea.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Lig1489734"; src:url("Fonts/1489734/e1a1a102-450f-4a0f-8d3d-d9b9b76516d9.eot?#iefix"); src:url("Fonts/1489734/e1a1a102-450f-4a0f-8d3d-d9b9b76516d9.eot?#iefix") format("eot"),url("Fonts/1489734/3ce89c27-adc2-4799-acd3-6061393c55a7.woff2") format("woff2"),url("Fonts/1489734/bc320972-b257-40f5-b48b-cfdd32f8a63d.woff") format("woff"),url("Fonts/1489734/ee68ef8d-0578-423b-be10-6443a1c690a3.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Rom1489740"; src:url("Fonts/1489740/b15098d2-bbe1-4318-a016-244bd8e392ed.eot?#iefix"); src:url("Fonts/1489740/b15098d2-bbe1-4318-a016-244bd8e392ed.eot?#iefix") format("eot"),url("Fonts/1489740/cc3810b5-af8b-4e55-8faf-a77df2d70a32.woff2") format("woff2"),url("Fonts/1489740/6610386d-971d-4884-b7f7-ead301b3d7a4.woff") format("woff"),url("Fonts/1489740/d86ea674-f465-461f-ad6e-add26e3d64b0.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Obl1489746"; src:url("Fonts/1489746/2037176d-91f1-4769-9714-6f28ab8204cb.eot?#iefix"); src:url("Fonts/1489746/2037176d-91f1-4769-9714-6f28ab8204cb.eot?#iefix") format("eot"),url("Fonts/1489746/53f74766-568a-4b64-8238-44692f16fa32.woff2") format("woff2"),url("Fonts/1489746/166fac97-77e3-4043-b075-c05c202a0eab.woff") format("woff"),url("Fonts/1489746/9056055d-7889-40e7-acb0-e9fb27ac312f.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bol1489752"; src:url("Fonts/1489752/208e81d3-6439-4987-9ba8-5259f6801ae4.eot?#iefix"); src:url("Fonts/1489752/208e81d3-6439-4987-9ba8-5259f6801ae4.eot?#iefix") format("eot"),url("Fonts/1489752/360c35ff-2cc3-462e-93dc-34b7344b55c2.woff2") format("woff2"),url("Fonts/1489752/afda9119-35a9-49c0-bd45-7a325fb2b4ef.woff") format("woff"),url("Fonts/1489752/b64ba73b-1cd9-4a30-b03d-cd7bd2a4c8de.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bol1489758"; src:url("Fonts/1489758/57fcd758-3b38-4093-a428-8b17c5259fa1.eot?#iefix"); src:url("Fonts/1489758/57fcd758-3b38-4093-a428-8b17c5259fa1.eot?#iefix") format("eot"),url("Fonts/1489758/ba9e97d0-4219-4650-be5f-80b0af5e0f84.woff2") format("woff2"),url("Fonts/1489758/9d6c578b-9a9e-4d9f-b89c-9757d0ff2256.woff") format("woff"),url("Fonts/1489758/7820d772-284d-4750-8a5d-b8fbae8f84be.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bd CnNo-20"; src:url("Fonts/1490620/9b0370f9-3aa4-4de8-a42b-2c69977515d1.eot?#iefix"); src:url("Fonts/1490620/9b0370f9-3aa4-4de8-a42b-2c69977515d1.eot?#iefix") format("eot"),url("Fonts/1490620/3fc85932-dba3-4b8b-8fe5-531eb76b4021.woff2") format("woff2"),url("Fonts/1490620/d8099612-fa02-4a04-bf37-7aa9f14633d9.woff") format("woff"),url("Fonts/1490620/152ba618-a3f8-436f-8340-25d051690018.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LTW04BdCnNo-20Obl"; src:url("Fonts/1490622/f4250a6d-30c8-4831-812e-0c20c5db6160.eot?#iefix"); src:url("Fonts/1490622/f4250a6d-30c8-4831-812e-0c20c5db6160.eot?#iefix") format("eot"),url("Fonts/1490622/0581b097-8dab-48cd-a9a9-3763482b19b8.woff2") format("woff2"),url("Fonts/1490622/75d26543-7a9a-4e54-9cee-530c7e3d1f0b.woff") format("woff"),url("Fonts/1490622/0ead78bb-b34e-4056-b012-4d2cfb552b4a.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bd No-2Obl"; src:url("Fonts/1490624/f2180620-718c-4414-8c4e-094064115311.eot?#iefix"); src:url("Fonts/1490624/f2180620-718c-4414-8c4e-094064115311.eot?#iefix") format("eot"),url("Fonts/1490624/dcab5f1c-5c23-4d3e-9bc8-7982d8684b99.woff2") format("woff2"),url("Fonts/1490624/238bf923-1d1e-4e87-9cec-724bd9224a9d.woff") format("woff"),url("Fonts/1490624/22d481a6-8d65-4e6a-b46b-f1614498cdf0.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bol1490626"; src:url("Fonts/1490626/cceaad1c-a91d-4167-b9ed-9b30d654feda.eot?#iefix"); src:url("Fonts/1490626/cceaad1c-a91d-4167-b9ed-9b30d654feda.eot?#iefix") format("eot"),url("Fonts/1490626/aefb8e6e-1dd7-4f01-88f5-2d9fa61f6f21.woff2") format("woff2"),url("Fonts/1490626/d9b90461-b7a8-4c12-82ba-4aa9de55f97b.woff") format("woff"),url("Fonts/1490626/1502218a-bcc1-4993-8aab-7355253ec18b.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 CnNo-18Obl"; src:url("Fonts/1490628/83a619cc-2051-4d9c-9e6b-8ede53828a43.eot?#iefix"); src:url("Fonts/1490628/83a619cc-2051-4d9c-9e6b-8ede53828a43.eot?#iefix") format("eot"),url("Fonts/1490628/b6596dac-03a3-4253-af4b-28f7216169ac.woff2") format("woff2"),url("Fonts/1490628/bd3d0b3a-a9a2-4cf3-b7ba-f169d2847c99.woff") format("woff"),url("Fonts/1490628/101948f4-5083-4459-ae48-4eb7b3fd3449.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Cn No-_18"; src:url("Fonts/1490630/183320d3-c8ba-4c60-865c-d7de83958a92.eot?#iefix"); src:url("Fonts/1490630/183320d3-c8ba-4c60-865c-d7de83958a92.eot?#iefix") format("eot"),url("Fonts/1490630/959cde35-4967-4005-a8e7-3b3f931fe2f3.woff2") format("woff2"),url("Fonts/1490630/3c1b2a61-9d00-4ce4-b30e-f06edbd01ba4.woff") format("woff"),url("Fonts/1490630/65e045b6-b1cf-4d41-8a23-7cbccae1b76b.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='ce1753f4-7e72-43d5-b010-c4a928b996c7'; var MTFontIds = new Array(); MTFontIds.push("1475938"); // Trade Gothic® W03 Extended MTFontIds.push("1475942"); // Trade Gothic® W03 Bold Extended MTFontIds.push("1489728"); // Trade Gothic® W04 Light MTFontIds.push("1489734"); // Trade Gothic® W04 Light Oblique MTFontIds.push("1489740"); // Trade Gothic® W04 Roman MTFontIds.push("1489746"); // Trade Gothic® W04 Oblique MTFontIds.push("1489752"); // Trade Gothic® W04 Bold MTFontIds.push("1489758"); // Trade Gothic® W04 Bold Oblique MTFontIds.push("1490620"); // Trade Gothic® W04 Bold Condensed #20 MTFontIds.push("1490622"); // Trade Gothic® W04 Bold Condensed #20 Oblique MTFontIds.push("1490624"); // Trade Gothic® W04 Bold #2 Oblique MTFontIds.push("1490626"); // Trade Gothic® W04 Bold #2 MTFontIds.push("1490628"); // Trade Gothic® W04 Condensed #18 Oblique MTFontIds.push("1490630"); // Trade Gothic® W04 Condensed #18 (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:"Trade Gothic LT W03 Extended"; src:url("Fonts/1475938/52a4e32f-5c4d-4b96-9af5-21d965e3faa9.eot?#iefix"); src:url("Fonts/1475938/52a4e32f-5c4d-4b96-9af5-21d965e3faa9.eot?#iefix") format("eot"),url("Fonts/1475938/515c5995-1a22-41ba-bee2-481c97eca602.woff2") format("woff2"),url("Fonts/1475938/33ccf0c5-5b07-4998-89e2-43fd42a949f9.woff") format("woff"),url("Fonts/1475938/acc8d97a-3e50-4097-84ab-adc8b869b60f.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W03 Bold Ext"; src:url("Fonts/1475942/24a62f27-8cf9-4918-bd7f-312df3f4ffdd.eot?#iefix"); src:url("Fonts/1475942/24a62f27-8cf9-4918-bd7f-312df3f4ffdd.eot?#iefix") format("eot"),url("Fonts/1475942/8994999c-de55-4c3c-a1e2-87bc95c48c70.woff2") format("woff2"),url("Fonts/1475942/5f61eef3-d629-4032-b3a3-8b9ec769bc6b.woff") format("woff"),url("Fonts/1475942/ba13cb83-ad7a-4a6c-9ec5-9e7916480508.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Lig1489728"; src:url("Fonts/1489728/d9f53a6e-f3ab-49e9-a1f2-0a06dac82486.eot?#iefix"); src:url("Fonts/1489728/d9f53a6e-f3ab-49e9-a1f2-0a06dac82486.eot?#iefix") format("eot"),url("Fonts/1489728/4a11859f-1401-460f-9953-57609abcf83b.woff2") format("woff2"),url("Fonts/1489728/38c7aa22-04a1-4067-8b0f-b2b85ee299bc.woff") format("woff"),url("Fonts/1489728/37c0d945-164a-4b2c-a02f-c6a5da97b5ea.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Lig1489734"; src:url("Fonts/1489734/e1a1a102-450f-4a0f-8d3d-d9b9b76516d9.eot?#iefix"); src:url("Fonts/1489734/e1a1a102-450f-4a0f-8d3d-d9b9b76516d9.eot?#iefix") format("eot"),url("Fonts/1489734/3ce89c27-adc2-4799-acd3-6061393c55a7.woff2") format("woff2"),url("Fonts/1489734/bc320972-b257-40f5-b48b-cfdd32f8a63d.woff") format("woff"),url("Fonts/1489734/ee68ef8d-0578-423b-be10-6443a1c690a3.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Rom1489740"; src:url("Fonts/1489740/b15098d2-bbe1-4318-a016-244bd8e392ed.eot?#iefix"); src:url("Fonts/1489740/b15098d2-bbe1-4318-a016-244bd8e392ed.eot?#iefix") format("eot"),url("Fonts/1489740/cc3810b5-af8b-4e55-8faf-a77df2d70a32.woff2") format("woff2"),url("Fonts/1489740/6610386d-971d-4884-b7f7-ead301b3d7a4.woff") format("woff"),url("Fonts/1489740/d86ea674-f465-461f-ad6e-add26e3d64b0.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Obl1489746"; src:url("Fonts/1489746/2037176d-91f1-4769-9714-6f28ab8204cb.eot?#iefix"); src:url("Fonts/1489746/2037176d-91f1-4769-9714-6f28ab8204cb.eot?#iefix") format("eot"),url("Fonts/1489746/53f74766-568a-4b64-8238-44692f16fa32.woff2") format("woff2"),url("Fonts/1489746/166fac97-77e3-4043-b075-c05c202a0eab.woff") format("woff"),url("Fonts/1489746/9056055d-7889-40e7-acb0-e9fb27ac312f.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bol1489752"; src:url("Fonts/1489752/208e81d3-6439-4987-9ba8-5259f6801ae4.eot?#iefix"); src:url("Fonts/1489752/208e81d3-6439-4987-9ba8-5259f6801ae4.eot?#iefix") format("eot"),url("Fonts/1489752/360c35ff-2cc3-462e-93dc-34b7344b55c2.woff2") format("woff2"),url("Fonts/1489752/afda9119-35a9-49c0-bd45-7a325fb2b4ef.woff") format("woff"),url("Fonts/1489752/b64ba73b-1cd9-4a30-b03d-cd7bd2a4c8de.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bol1489758"; src:url("Fonts/1489758/57fcd758-3b38-4093-a428-8b17c5259fa1.eot?#iefix"); src:url("Fonts/1489758/57fcd758-3b38-4093-a428-8b17c5259fa1.eot?#iefix") format("eot"),url("Fonts/1489758/ba9e97d0-4219-4650-be5f-80b0af5e0f84.woff2") format("woff2"),url("Fonts/1489758/9d6c578b-9a9e-4d9f-b89c-9757d0ff2256.woff") format("woff"),url("Fonts/1489758/7820d772-284d-4750-8a5d-b8fbae8f84be.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bd CnNo-20"; src:url("Fonts/1490620/9b0370f9-3aa4-4de8-a42b-2c69977515d1.eot?#iefix"); src:url("Fonts/1490620/9b0370f9-3aa4-4de8-a42b-2c69977515d1.eot?#iefix") format("eot"),url("Fonts/1490620/3fc85932-dba3-4b8b-8fe5-531eb76b4021.woff2") format("woff2"),url("Fonts/1490620/d8099612-fa02-4a04-bf37-7aa9f14633d9.woff") format("woff"),url("Fonts/1490620/152ba618-a3f8-436f-8340-25d051690018.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LTW04BdCnNo-20Obl"; src:url("Fonts/1490622/f4250a6d-30c8-4831-812e-0c20c5db6160.eot?#iefix"); src:url("Fonts/1490622/f4250a6d-30c8-4831-812e-0c20c5db6160.eot?#iefix") format("eot"),url("Fonts/1490622/0581b097-8dab-48cd-a9a9-3763482b19b8.woff2") format("woff2"),url("Fonts/1490622/75d26543-7a9a-4e54-9cee-530c7e3d1f0b.woff") format("woff"),url("Fonts/1490622/0ead78bb-b34e-4056-b012-4d2cfb552b4a.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bd No-2Obl"; src:url("Fonts/1490624/f2180620-718c-4414-8c4e-094064115311.eot?#iefix"); src:url("Fonts/1490624/f2180620-718c-4414-8c4e-094064115311.eot?#iefix") format("eot"),url("Fonts/1490624/dcab5f1c-5c23-4d3e-9bc8-7982d8684b99.woff2") format("woff2"),url("Fonts/1490624/238bf923-1d1e-4e87-9cec-724bd9224a9d.woff") format("woff"),url("Fonts/1490624/22d481a6-8d65-4e6a-b46b-f1614498cdf0.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Bol1490626"; src:url("Fonts/1490626/cceaad1c-a91d-4167-b9ed-9b30d654feda.eot?#iefix"); src:url("Fonts/1490626/cceaad1c-a91d-4167-b9ed-9b30d654feda.eot?#iefix") format("eot"),url("Fonts/1490626/aefb8e6e-1dd7-4f01-88f5-2d9fa61f6f21.woff2") format("woff2"),url("Fonts/1490626/d9b90461-b7a8-4c12-82ba-4aa9de55f97b.woff") format("woff"),url("Fonts/1490626/1502218a-bcc1-4993-8aab-7355253ec18b.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 CnNo-18Obl"; src:url("Fonts/1490628/83a619cc-2051-4d9c-9e6b-8ede53828a43.eot?#iefix"); src:url("Fonts/1490628/83a619cc-2051-4d9c-9e6b-8ede53828a43.eot?#iefix") format("eot"),url("Fonts/1490628/b6596dac-03a3-4253-af4b-28f7216169ac.woff2") format("woff2"),url("Fonts/1490628/bd3d0b3a-a9a2-4cf3-b7ba-f169d2847c99.woff") format("woff"),url("Fonts/1490628/101948f4-5083-4459-ae48-4eb7b3fd3449.ttf") format("truetype"); } @font-face{ font-family:"Trade Gothic LT W04 Cn No-_18"; src:url("Fonts/1490630/183320d3-c8ba-4c60-865c-d7de83958a92.eot?#iefix"); src:url("Fonts/1490630/183320d3-c8ba-4c60-865c-d7de83958a92.eot?#iefix") format("eot"),url("Fonts/1490630/959cde35-4967-4005-a8e7-3b3f931fe2f3.woff2") format("woff2"),url("Fonts/1490630/3c1b2a61-9d00-4ce4-b30e-f06edbd01ba4.woff") format("woff"),url("Fonts/1490630/65e045b6-b1cf-4d41-8a23-7cbccae1b76b.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 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
        */