When uploading a HTML5 background management template today, a preview of the remote Woff type of Web page loaded on the server is not displayed, as shown in:
In a local preview, the normal load font file should look like this:
Use the URL to access the font file when prompted: The page can not be displayed, but it is really pure in this file, is not the server screen, it is possible that IIS does not support Woff format files, with these questions, I landed in the host management background, I use the host house provided by the virtual host, other hosts may set different, There is a default of 3 suffix names in MIME types:
As you can see, there is no file type named Woff, so add one, and the correct MIME message should be written like this.
. Woff Application/x-font-woff. svg image/svg+xml//By the way, add support for SVG format, hehe
Add success, refresh the Web page, sure enough to see the real icon font display, in fact, other similar situation: on the server, obviously there is this file, but can not display, but also use this method to solve.
Appendix What is Woff?
The Web Open font format (Web open font format, or woff) is a font format standard used by Web pages. This font format, which was developed in 2009, is now being standardized by the web-font Working Group of the WWW Consortium in order to be the recommended standard. This font format not only effectively utilizes compression to reduce file size, it does not contain encryption and is not subject to DRM (digital copyright management) restrictions.
On April 8, 2010, after the Mozilla Foundation, Opera Software, and Microsoft submitted Woff, the World Wide Web Consortium commented that it was hoped that Woff would soon become a "single, interoperable (font) format" supported by all browsers. [6] on July 27, 2010, the World Wide Web Consortium published Woff as a working draft.
Woff MIME type is: Application/x-font-woff, the current IIS7 inside the default does not have this MIME type, if you want to let the site support this, please add Woff in the MIME type inside the IIS7.
Woff Specifications
Woff essentially contains sfnt-based fonts (such as TrueType, OpenType, or open font formats), and these fonts are compressed by Woff encoding tools for embedding in Web pages. This font format uses zlib compression, [2] file size is generally 40% smaller than TTF.
Woff Support
- Woff is supported by a number of major font manufacturing companies and is already supported by Mozilla version Firefox3.6.
- Microsoft has added full support for Woff since the third platform review version of Internet Explorer 9.
- WebKit browser support Woff,safari since 5.1 support Woff,google Chrome has supported Woff since 5.0.
- Presto supports Woff from 2.7.81.
Adding MIME types in IIS