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"> @font-face{ font-family:"Museo Sans W01_500"; src:url("Fonts/905303/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix"); src:url("Fonts/905303/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix") format("eot"),url("Fonts/905303/d9896899-f08c-4750-a874-a9e10d83c2cb.woff2") format("woff2"),url("Fonts/905303/d42dd843-62b0-4623-8855-d5882512c3c9.woff") format("woff"),url("Fonts/905303/6d532ccb-086c-4000-bab2-5d16862fcf01.ttf") format("truetype"); } @font-face{ font-family:"MuseoSansW01-500Italic"; src:url("Fonts/905306/afb0bae6-4f02-492e-82dd-c4c51e519279.eot?#iefix"); src:url("Fonts/905306/afb0bae6-4f02-492e-82dd-c4c51e519279.eot?#iefix") format("eot"),url("Fonts/905306/b76ff444-27dd-4494-b96e-2f5157f347d5.woff2") format("woff2"),url("Fonts/905306/136eb3cf-249c-40a3-bb62-49c1ad9ae6d8.woff") format("woff"),url("Fonts/905306/70c24c76-d52f-4d55-be08-6085ad014f1b.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"> </script> <style type="text/css"> @font-face{ font-family:"Museo Sans W01_500"; src:url("Fonts/905303/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix"); src:url("Fonts/905303/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix") format("eot"),url("Fonts/905303/d9896899-f08c-4750-a874-a9e10d83c2cb.woff2") format("woff2"),url("Fonts/905303/d42dd843-62b0-4623-8855-d5882512c3c9.woff") format("woff"),url("Fonts/905303/6d532ccb-086c-4000-bab2-5d16862fcf01.ttf") format("truetype"); } @font-face{ font-family:"MuseoSansW01-500Italic"; src:url("Fonts/905306/afb0bae6-4f02-492e-82dd-c4c51e519279.eot?#iefix"); src:url("Fonts/905306/afb0bae6-4f02-492e-82dd-c4c51e519279.eot?#iefix") format("eot"),url("Fonts/905306/b76ff444-27dd-4494-b96e-2f5157f347d5.woff2") format("woff2"),url("Fonts/905306/136eb3cf-249c-40a3-bb62-49c1ad9ae6d8.woff") format("woff"),url("Fonts/905306/70c24c76-d52f-4d55-be08-6085ad014f1b.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.

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
        */