{"id":80,"date":"2011-02-27T17:00:40","date_gmt":"2011-02-27T16:00:40","guid":{"rendered":"http:\/\/www.jbarker.com\/blog\/?p=80"},"modified":"2012-09-22T22:04:05","modified_gmt":"2012-09-22T20:04:05","slug":"web-fonts-mime-types","status":"publish","type":"post","link":"https:\/\/www.jbarker.com\/blog\/2011\/web-fonts-mime-types","title":{"rendered":"Web Fonts: No MIME Types, No Problem"},"content":{"rendered":"<p>In a previous post, <a title=\"Correct MIME Type for CSS Web Fonts\" href=\"https:\/\/www.jbarker.com\/blog\/2009\/mime-type-css-web-fonts\">Correct MIME Type for CSS Web Fonts<\/a>, I discussed the lack of official, standards-based MIME types for various web fonts.<\/p>\n<p>In the 18 months since then, the state of MIME types for web fonts largely remains the same:<\/p>\n<blockquote><p><em>Because there are no defined MIME types for TrueType, OpenType, and WOFF fonts, the MIME type of the file specified is not considered.<\/em><br \/>\n\u2014 <a href=\"https:\/\/developer.mozilla.org\/en\/css\/@font-face\" target=\"_blank\">@font-face, Mozilla Developer Network<\/a><\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-72\" title=\"Web Browser Logos\" src=\"https:\/\/www.jbarker.com\/blog\/wp-content\/uploads\/2009\/08\/multibrowser_logos.png\" alt=\"Web Browser Logos\" width=\"414\" height=\"83\" srcset=\"https:\/\/www.jbarker.com\/blog\/wp-content\/uploads\/2009\/08\/multibrowser_logos.png 414w, https:\/\/www.jbarker.com\/blog\/wp-content\/uploads\/2009\/08\/multibrowser_logos-300x60.png 300w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/p>\n<p><!--more--><\/p>\n<p>However, since then web font support in most major browsers has continued to improve. The lack of official MIME types for web fonts is not a major concern, and it has not slowed further adoption of web fonts in most major web browsers. One emerging font format is WOFF.<\/p>\n<h3>WOFF<\/h3>\n<p>In late 2009, <a href=\"http:\/\/people.mozilla.org\/~jkew\/woff\/\" target=\"_blank\">Mozilla debuted the Web Open Font Format (WOFF)<\/a> specification and soon shipped a working implementation in the <a href=\"http:\/\/hacks.mozilla.org\/2010\/01\/industry-support-for-woff-and-firefox-3-6\/\" target=\"_blank\">first WOFF-capable web browser, Firefox 3.6<\/a>. The Mozilla Foundation was then joined by <a href=\"http:\/\/blogs.msdn.com\/b\/ie\/archive\/2010\/04\/23\/meet-woff-the-standard-web-font-format.aspx\">Microsoft Corporation<\/a> and Opera Software ASA in April 2010 as they submitted a <a href=\"http:\/\/www.w3.org\/Submission\/2010\/03\/\">specification for the WOFF file format<\/a> to the newly chartered <a href=\"http:\/\/www.w3.org\/Fonts\/WG\/\">W3C WebFonts Working Group<\/a>.<\/p>\n<p>Microsoft debuted support for <a href=\"http:\/\/blogs.msdn.com\/b\/ie\/archive\/2010\/06\/23\/html5-native-third-ie9-platform-preview-available-for-developers.aspx\">WOFF in Internet Explorer 9 platform preview 3<\/a>. Opera added support for <a href=\"http:\/\/my.opera.com\/desktopteam\/blog\/2011\/02\/17\/a-first-glimpse-at-barracuda\">WOFF in Opera 11.10<\/a>. <a href=\"http:\/\/paulirish.com\/2009\/chrome-and-font-face-a-summary\/#comment-33575\">Google Chrome 5.0 added support for WOFF<\/a>. Curiously still absent among the major web browsers supporting WOFF today is Apple Safari.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In a previous post, Correct MIME Type for CSS Web Fonts, I discussed the lack of official, standards-based MIME types for various web fonts. In the 18 months since then, the state of MIME types for web fonts largely remains the same: Because there are no defined MIME types for TrueType, OpenType, and WOFF fonts, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9,10,5],"class_list":["post-80","post","type-post","status-publish","format-standard","hentry","category-software","tag-css","tag-fonts","tag-web"],"_links":{"self":[{"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/posts\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":8,"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/posts\/80\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/posts\/80\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/media?parent=80"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/categories?post=80"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jbarker.com\/blog\/wp-json\/wp\/v2\/tags?post=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}