# Fonts.com Web fonts

@font-face implementation instructions

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

The fonts contained in this kit are:

Rockwell® W01 Bold
Rockwell® W01 Regular
Avenir® Next W01 Regular
Avenir® Next W01 Bold

Click here for css only web fonts implementation

## CSS Implementation Guidelines

You and any third party web font hosting service are responsible for ensuring that the font software in the self-hosting kit, in its original format, can only be used on the Web Sites for which the self-hosting kit was downloaded and cannot be used or referenced by any other web site. This includes, but is not limited to installing adequate technical protection measures that restrict the use and/or access to the font software, for instance by utilizing JavaScript or access control mechanism for cross-origin resource sharing and protecting against use on web sites other than the Web Sites for which the self-hosting kit was downloaded by restricting domain access only to such Web Sites. You must also retain the pageview tracking code on any Web Site 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 Imaging.

View "WEB FONT SOFTWARE" LICENSE AGREEMENT

## Asynchronous Implementation (Requires JavaScript)

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

- 1 - TrueType (ttf)
- 2 - Embedded OpenType (eot)
- 3 - Web Open Font Format (woff)
- 4 - Web Open Font Format version 2 (woff2)
- 5 - Scalable Vector Graphics (svg)

Copy and paste following code in head section of the page

<style type="text/css"> @font-face{ font-family:"Avenir Next W01_n4"; src:url("Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot") } @font-face{ font-family:"Avenir Next W01"; src:url("Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix"); src:url("Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("Fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("Fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("Fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("Fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg"); font-weight: 400; font-style: normal; } @font-face{ font-family:"Avenir Next W01_n7"; src:url("Fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot") } @font-face{ font-family:"Avenir Next W01"; src:url("Fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix"); src:url("Fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"),url("Fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"),url("Fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"),url("Fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype"),url("Fonts/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857") format("svg"); font-weight: 700; font-style: normal; } @font-face{ font-family:"Rockwell W01_n4"; src:url("Fonts/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix") format("eot") } @font-face{ font-family:"Rockwell W01"; src:url("Fonts/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix"); src:url("Fonts/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix") format("eot"),url("Fonts/8dd355f9-1a9a-4d91-8aa1-7dcc9deeb439.woff2") format("woff2"),url("Fonts/de4b0540-9702-4662-8f3a-228419485257.woff") format("woff"),url("Fonts/bc34c4cd-af2c-400d-b4d0-726e2d89f690.ttf") format("truetype"),url("Fonts/59c05ddc-99f9-44db-82ce-cb7f503b5110.svg#59c05ddc-99f9-44db-82ce-cb7f503b5110") format("svg"); font-weight: 400; font-style: normal; } @font-face{ font-family:"Rockwell W01_n7"; src:url("Fonts/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix") format("eot") } @font-face{ font-family:"Rockwell W01"; src:url("Fonts/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix"); src:url("Fonts/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix") format("eot"),url("Fonts/4a475305-1b19-4f93-bb3f-d67733a726cf.woff2") format("woff2"),url("Fonts/49ff3af5-13b2-4add-8470-4cdac3cf650e.woff") format("woff"),url("Fonts/7d69578b-ab0e-4986-af19-428861ada4e4.ttf") format("truetype"),url("Fonts/2848532f-bf3e-4430-aae1-bc0d1367eb84.svg#2848532f-bf3e-4430-aae1-bc0d1367eb84") format("svg"); font-weight: 700; font-style: normal; } </style> <script type="text/javascript"> var MTIProjectId='9cfbaedb-7296-4611-9bbd-422c93be9947'; (function() { var mtiTracking = document.createElement('script'); mtiTracking.type='text/javascript'; mtiTracking.async='true'; mtiTracking.src='mtiFontTrackingCode.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild( mtiTracking ); })(); </script>

### Licensing information should be included within the CSS

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