RE: Clarification on WOFF & MIME

"Levantovsky, Vladimir" <[email protected]> Fri, 28 Sep 2012 13:45:28 +0000
Newsgroups gmane.comp.web.fonts
Message-ID <79E5B05BFEBAF5418BCB714B43F44199326577@wob-mail-01>
--_000_79E5B05BFEBAF5418BCB714B43F44199326577wobmail01_
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable

The media type "application/font-woff" has been discussed and approved by t=
he W3C WebFonts WG, and as such is now the part of the WOFF spec. However, =
to the best of my knowledge, it has not yet been registered with IANA.

There have also been numerous discussions about the need to register the to=
p level media type "font" and, if this happens in the future, we may see a =
whole new hierarchy of media types for fonts. I will bring this up again fo=
r WebFonts WG discussion to see if there is a real need / interest in regis=
tering the top-level 'font' type and will report back on this list.

Regards,
Vladimir


From: Michael J Kormendy [mailto:[email protected]]
Sent: Thursday, September 27, 2012 11:14 AM
To: [email protected]
Subject: Clarification on WOFF & MIME


I need clarification on the best server settings for MIME types for WOFF fi=
le format.







I've done some research on the MIME type standards for web-fonts and I've c=
ome up with a pretty solid list of MIME type settings for my server as base=
d on the Internet Engineering Task Force who maintain the original document=
ation on MIME types in general:







http://tools.ietf.org/html/rfc2045#section-5







This is my MIME type list as publicized in the Stack Exchange forum:











svg  as "image/svg+xml"

ttf  as "application/x-font-ttf" or "application/x-font-truetype"

otf  as "application/x-font-opentype"

woff as "application/x-font-woff"

eot  as "application/vnd.ms-fontobject"

However, someone suggested that WOFF should be set to applicaton/font-woff =
based on the W3C standards in the document maintained here:







http://www.w3.org/TR/WOFF/#appendix-b







Would it be prudent to go so far as to add the W3C recommendation to my lis=
t in the following formatting (avoiding any browser warnings, errors, or in=
action that may occur do to improper MIME settings)?











svg  as "image/svg+xml"

ttf  as "application/x-font-ttf" or "application/x-font-truetype"

otf  as "application/x-font-opentype"

woff as "application/x-font-woff" or "application/font-woff"

eot  as "application/vnd.ms-fontobject"



Any guidance on this would be much appreciated.



Thanks,



Mike Kormendy





--_000_79E5B05BFEBAF5418BCB714B43F44199326577wobmail01_
Content-Type: text/html; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable

<html xmlns:v=3D"urn:schemas-microsoft-com:vml" xmlns:o=3D"urn:schemas-micr=
osoft-com:office:office" xmlns:w=3D"urn:schemas-microsoft-com:office:word" =
xmlns:m=3D"http://schemas.microsoft.com/office/2004/12/omml" xmlns=3D"http:=
//www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3Dus-ascii"=
>
<meta name=3D"Generator" content=3D"Microsoft Word 12 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
	{font-family:Tahoma;
	panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
	{font-family:Consolas;
	panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0in;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman","serif";}
a:link, span.MsoHyperlink
	{mso-style-priority:99;
	color:blue;
	text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
	{mso-style-priority:99;
	color:purple;
	text-decoration:underline;}
code
	{mso-style-priority:99;
	font-family:"Courier New";}
pre
	{mso-style-priority:99;
	mso-style-link:"HTML Preformatted Char";
	margin:0in;
	margin-bottom:.0001pt;
	font-size:10.0pt;
	font-family:"Courier New";}
span.HTMLPreformattedChar
	{mso-style-name:"HTML Preformatted Char";
	mso-style-priority:99;
	mso-style-link:"HTML Preformatted";
	font-family:Consolas;}
span.EmailStyle20
	{mso-style-type:personal-reply;
	font-family:"Calibri","sans-serif";
	color:#1F497D;}
.MsoChpDefault
	{mso-style-type:export-only;}
@page WordSection1
	{size:8.5in 11.0in;
	margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
	{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext=3D"edit" spidmax=3D"1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext=3D"edit">
<o:idmap v:ext=3D"edit" data=3D"1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=3D"EN-US" link=3D"blue" vlink=3D"purple">
<div class=3D"WordSection1">
<p class=3D"MsoNormal"><span style=3D"font-size:11.0pt;font-family:&quot;Ca=
libri&quot;,&quot;sans-serif&quot;;color:#1F497D">The media type &#8220;app=
lication/font-woff&#8221; has been discussed and approved by the W3C WebFon=
ts WG, and as such is now the part of the WOFF spec. However, to the
 best of my knowledge, it has not yet been registered with IANA.<o:p></o:p>=
</span></p>
<p class=3D"MsoNormal"><span style=3D"font-size:11.0pt;font-family:&quot;Ca=
libri&quot;,&quot;sans-serif&quot;;color:#1F497D"><o:p>&nbsp;</o:p></span><=
/p>
<p class=3D"MsoNormal"><span style=3D"font-size:11.0pt;font-family:&quot;Ca=
libri&quot;,&quot;sans-serif&quot;;color:#1F497D">There have also been nume=
rous discussions about the need to register the top level media type &#8220=
;font&#8221; and, if this happens in the future, we may see a whole
 new hierarchy of media types for fonts. I will bring this up again for Web=
Fonts WG discussion to see if there is a real need / interest in registerin=
g the top-level &#8216;font&#8217; type and will report back on this list.<=
o:p></o:p></span></p>
<p class=3D"MsoNormal"><span style=3D"font-size:11.0pt;font-family:&quot;Ca=
libri&quot;,&quot;sans-serif&quot;;color:#1F497D"><o:p>&nbsp;</o:p></span><=
/p>
<p class=3D"MsoNormal"><span style=3D"font-size:11.0pt;font-family:&quot;Ca=
libri&quot;,&quot;sans-serif&quot;;color:#1F497D">Regards,<o:p></o:p></span=
></p>
<p class=3D"MsoNormal"><span style=3D"font-size:11.0pt;font-family:&quot;Ca=
libri&quot;,&quot;sans-serif&quot;;color:#1F497D">Vladimir<o:p></o:p></span=
></p>
<p class=3D"MsoNormal"><span style=3D"font-size:11.0pt;font-family:&quot;Ca=
libri&quot;,&quot;sans-serif&quot;;color:#1F497D"><o:p>&nbsp;</o:p></span><=
/p>
<p class=3D"MsoNormal"><span style=3D"font-size:11.0pt;font-family:&quot;Ca=
libri&quot;,&quot;sans-serif&quot;;color:#1F497D"><o:p>&nbsp;</o:p></span><=
/p>
<div style=3D"border:none;border-left:solid blue 1.5pt;padding:0in 0in 0in =
4.0pt">
<div>
<div style=3D"border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in =
0in 0in">
<p class=3D"MsoNormal"><b><span style=3D"font-size:10.0pt;font-family:&quot=
;Tahoma&quot;,&quot;sans-serif&quot;">From:</span></b><span style=3D"font-s=
ize:10.0pt;font-family:&quot;Tahoma&quot;,&quot;sans-serif&quot;"> Michael =
J Kormendy [mailto:[email protected]]
<br>
<b>Sent:</b> Thursday, September 27, 2012 11:14 AM<br>
<b>To:</b> [email protected]<br>
<b>Subject:</b> Clarification on WOFF &amp; MIME<o:p></o:p></span></p>
</div>
</div>
<p class=3D"MsoNormal"><o:p>&nbsp;</o:p></p>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222">I need clarification on the best se=
rver settings for MIME types for WOFF file format.<o:p></o:p></span></pre>
</div>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222">I've done some research on the MIME=
 type standards for web-fonts and I've come up with a pretty solid list of =
MIME type settings for my server as based on the Internet Engineering Task =
Force who maintain the original documentation on MIME types in general:<o:p=
></o:p></span></pre>
</div>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><a href=3D"http://tools.ietf.org/ht=
ml/rfc2045#section-5" target=3D"_blank"><span style=3D"color:#1155CC">http:=
//tools.ietf.org/html/rfc2045#section-5</span></a><o:p></o:p></span></pre>
</div>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222">This is my MIME type list as public=
ized in the Stack Exchange forum:<o:p></o:p></span></pre>
</div>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"margin-bottom:7.5pt;line-height:13.5pt;background:#EEEEEE;ver=
tical-align:baseline;white-space:pre-wrap;max-height:600px;overflow:auto"><=
span style=3D"font-size:10.5pt;font-family:Consolas;color:#222222"><o:p>&nb=
sp;</o:p></span></pre>
<pre style=3D"margin-bottom:7.5pt;line-height:13.5pt;background:#EEEEEE;ver=
tical-align:baseline"><span style=3D"font-size:10.5pt;font-family:Consolas;=
color:#222222"><o:p>&nbsp;</o:p></span></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">svg&nbsp; as &quot;image/svg&#43;xml&quot;<o:p></o=
:p></span></code></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">ttf&nbsp; as &quot;application/x-font-ttf&quot; or=
 &quot;application/x-font-truetype&quot;<o:p></o:p></span></code></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">otf&nbsp; as &quot;application/x-font-opentype&quo=
t;<o:p></o:p></span></code></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">woff as &quot;application/x-font-woff&quot; <o:p><=
/o:p></span></code></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">eot&nbsp; as &quot;application/vnd.ms-fontobject&q=
uot;</span></code><span style=3D"font-size:10.5pt;font-family:Consolas;colo=
r:#222222"><o:p></o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222">However, someone suggested that WOF=
F should be set to&nbsp;</span><span style=3D"font-family:Consolas;color:#4=
44444;background:#EEEEEE">applicaton/font-woff</span><span style=3D"font-fa=
mily:&quot;Arial&quot;,&quot;sans-serif&quot;;color:#222222">&nbsp;based on=
 the W3C standards in the document maintained here:<o:p></o:p></span></pre>
</div>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><a href=3D"http://www.w3.org/TR/WOF=
F/#appendix-b" target=3D"_blank"><span style=3D"color:#1155CC">http://www.w=
3.org/TR/WOFF/#appendix-b</span></a><o:p></o:p></span></pre>
</div>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222">Would it be prudent to go so far as=
 to add the W3C recommendation to my list in the following formatting (avoi=
ding any browser warnings, errors, or inaction that may occur do to imprope=
r MIME settings)?<o:p></o:p></span></pre>
</div>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"margin-bottom:7.5pt;line-height:13.5pt;background:#EEEEEE;ver=
tical-align:baseline;white-space:pre-wrap;max-height:600px;overflow:auto"><=
span style=3D"font-size:10.5pt;font-family:Consolas;color:#222222"><o:p>&nb=
sp;</o:p></span></pre>
<pre style=3D"margin-bottom:7.5pt;line-height:13.5pt;background:#EEEEEE;ver=
tical-align:baseline"><span style=3D"font-size:10.5pt;font-family:Consolas;=
color:#222222"><o:p>&nbsp;</o:p></span></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">svg&nbsp; as &quot;image/svg&#43;xml&quot;<o:p></o=
:p></span></code></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">ttf&nbsp; as &quot;application/x-font-ttf&quot; or=
 &quot;application/x-font-truetype&quot;<o:p></o:p></span></code></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">otf&nbsp; as &quot;application/x-font-opentype&quo=
t;<o:p></o:p></span></code></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">woff as &quot;application/x-font-woff&quot;</span>=
</code><code><span style=3D"font-family:Consolas;color:#FF6600;border:none =
windowtext 1.0pt;padding:0in"> or &quot;application/font-woff&quot;</span><=
/code><code><span style=3D"font-family:Consolas;color:#222222;border:none w=
indowtext 1.0pt;padding:0in"><o:p></o:p></span></code></pre>
<pre style=3D"line-height:13.5pt;background:#EEEEEE;vertical-align:baseline=
"><code><span style=3D"font-family:Consolas;color:#222222;border:none windo=
wtext 1.0pt;padding:0in">eot&nbsp; as &quot;application/vnd.ms-fontobject&q=
uot;</span></code><span style=3D"font-size:10.5pt;font-family:Consolas;colo=
r:#222222"><o:p></o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222">Any guidance on this would be much =
appreciated.<o:p></o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222">Thanks,<o:p></o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222"><o:p>&nbsp;</o:p></span></pre>
</div>
<div>
<pre style=3D"background:white"><span style=3D"font-family:&quot;Arial&quot=
;,&quot;sans-serif&quot;;color:#222222">Mike Kormendy<o:p></o:p></span></pr=
e>
</div>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
<pre style=3D"background:white"><o:p>&nbsp;</o:p></pre>
</div>
</div>
</body>
</html>

--_000_79E5B05BFEBAF5418BCB714B43F44199326577wobmail01_--