@font-face demo for the Interstate
Interstate - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
CSS Implementation Guidelines
Self-hosting customers should reasonably restrict access to Web Font Software from misuse by web pages or documents not originating from your Web Site. Referrer checking is recommended to prevent hotlinking or deeplinking:
- Block requests if the referring domain is not a licensed domain.
- Honor request and serve the Web Fonts if it is a licensed domain.
- If the request lacks a referrer header, it is permitted to serve the Web Fonts.
- If your website is serving Web Fonts from a domain different from a licensed domain, it is permitted to use Access-Control-Allow-Origin: http://yourlicenseddomain.com in the HTTP response header. This is necessary for Web Fonts to be fetched cross-origin with the Firefox browser. Learn more about HTTP access control for Firefox.
CSS Sample
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 - Scalable Vector Graphics (svg)
@font-face {
font-family: "Interstate";
src: url("37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-2.eot");
src: url("37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-2.eot?") format("embedded-opentype"),
url("37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-3.woff") format("woff"),
url("37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-1.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
Licensing information should be included within the CSS
/* This CSS resource incorporates links to font software which is the valuable copyrighted property of WebType LLC, The Font Bureau and/or their suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact WebType with any questions: http://www.webtype.com */