<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Bright Lines &#187; cross-domain</title>
	<atom:link href="http://www.thebrightlines.com/tag/cross-domain/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thebrightlines.com</link>
	<description>HTML, CSS, Javascript and more</description>
	<lastBuildDate>Thu, 29 Jul 2010 22:44:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Implementing font-face cross domain</title>
		<link>http://www.thebrightlines.com/2010/01/12/implementing-font-face-cross-domain/</link>
		<comments>http://www.thebrightlines.com/2010/01/12/implementing-font-face-cross-domain/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 21:13:59 +0000</pubDate>
		<dc:creator>Wouter Bos</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Webfonts]]></category>
		<category><![CDATA[cross-domain]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[EOT]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.thebrightlines.com/?p=363</guid>
		<description><![CDATA[Firefox is fussy about fonts residing on other domains.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m still in the middle of a redesign of my <a href="http://electricspace.blogspot.com/">personal weblog</a>, but I&#8217;m glad I got the font-face working. It was a hard nut to crack. The source of all the trouble was that Firefox would load font files from other domains. Although the domain restriction isn&#8217;t making things easier, it is sort of sensible.</p>
<p>Internet Explorer is the only browser that supports EOT, a font format that has digital rights management. That way you can make sure that your $200 font isn&#8217;t downloaded and used by everybody on the internet.</p>
<p>But like I said: IE is the only browser that can understand that file type. So Mozilla apparently implemented some sort of protection against font hijackers: It will only accept fonts from domains that specifically allow fonts to be downloaded. In case of Apache you have to add the following code below to the .htaccess file. I found it on <a href="http://openfontlibrary.org/wiki/Web_Font_linking_and_Cross-Origin_Resource_Sharing">Open Font Library</a>.</p>
<p><code>&lt;FilesMatch "\.(ttf|otf|eot)$"&gt;<br />
&lt;IfModule mod_headers.c&gt;<br />
Header set Access-Control-Allow-Origin "*"<br />
&lt;/IfModule&gt;<br />
&lt;/FilesMatch&gt;</code></p>
<p>This does not help you prevent people from stealing your font, but it will protect you from web developers who want to add the URL to the font on your domain in their font-face declaration. It&#8217;s not really a solution if you ask me. It seems more like a <em>gesture</em> to the creators of fonts.</p>
<p>It appears you could replace the asteriks with the domain of your website, but in my case (http://electricspace.blogspot.com/) did not do the job.</p>


<p>Related posts:<ol><li><a href='http://www.thebrightlines.com/2009/11/01/the-trouble-with-font-face/' rel='bookmark' title='Permanent Link: The trouble with @font-face'>The trouble with @font-face</a></li>
<li><a href='http://www.thebrightlines.com/2009/11/07/no-sign-of-font-face-in-chrome-4/' rel='bookmark' title='Permanent Link: No sign of @font-face in Chrome 4'>No sign of @font-face in Chrome 4</a></li>
<li><a href='http://www.thebrightlines.com/2009/12/10/251/' rel='bookmark' title='Permanent Link: My favorite for converting fonts to EOT'>My favorite for converting fonts to EOT</a></li>
<li><a href='http://www.thebrightlines.com/2010/01/20/webfont-pitfalls/' rel='bookmark' title='Permanent Link: Webfont pitfalls'>Webfont pitfalls</a></li>
<li><a href='http://www.thebrightlines.com/2010/03/09/new-web-font-service-ascender-corporation/' rel='bookmark' title='Permanent Link: New web font service: Ascenderfonts.com'>New web font service: Ascenderfonts.com</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.thebrightlines.com/2010/01/12/implementing-font-face-cross-domain/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
