<?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>Ralf Herrmann’s Typography Weblog &#187; opera</title>
	<atom:link href="http://opentype.info/blog/tag/opera/feed/" rel="self" type="application/rss+xml" />
	<link>http://opentype.info/blog</link>
	<description></description>
	<lastBuildDate>Sun, 25 Jul 2010 14:44:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sneak Peek: @font-face in Opera 10</title>
		<link>http://opentype.info/blog/2009/06/04/sneak-peek-font-face-in-opera-10/</link>
		<comments>http://opentype.info/blog/2009/06/04/sneak-peek-font-face-in-opera-10/#comments</comments>
		<pubDate>Thu, 04 Jun 2009 20:06:32 +0000</pubDate>
		<dc:creator>Ralf Herrmann</dc:creator>
				<category><![CDATA[Webfonts]]></category>
		<category><![CDATA[opera]]></category>

		<guid isPermaLink="false">http://opentype.info/blog/?p=98</guid>
		<description><![CDATA[
The team of Opera was actually one of the first ones which worked on an @font-face implementation for linked TrueType/OpenType fonts. But this feature never made it in any of the final released. In Opera 10 it should finally happen and you can try it yourself with the public beta. Here is a short test [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://opentype.info/blog/wp-content/uploads/2009/06/opera.png" rel="lightbox[98]"><img class="size-medium wp-image-104 alignright" style="margin-left: 5px; margin-right: 5px;" title="Opera 10 Beta" src="http://opentype.info/blog/wp-content/uploads/2009/06/opera-300x193.png" alt="" width="300" height="193" /></a></p>
<p>The team of Opera was actually one of the first ones which worked on an @font-face implementation for linked TrueType/OpenType fonts. But this feature never made it in any of the final released. In Opera 10 it should finally happen and you can try it yourself with the <a href="http://www.opera.com/browser/next/">public beta</a>. Here is a short test of the webfont features.<br />
<span id="more-98"></span></p>
<h1 class="inbody">Rendering</h1>
<p>The rendering quality of the webfonts is sometimes quite good …<br />
<img class="alignnone" src="http://www.opentype.info/static/pykessample.png" alt="" width="600" height="253" /></p>
<p>… but most of the fonts I tested get a very strange type treatment with overlapping glyphs:</p>
<p><img class="alignnone" src="http://www.opentype.info/static/overlapping1.jpg" alt="" width="600" height="139" /></p>
<p>… which makes the type in smaller sizes almost unreadable:</p>
<p><img class="alignnone" src="http://www.opentype.info/static/overlapping2.jpg" alt="" width="640" height="208" /></p>
<h1 class="inbody">What about kerning and OpenType features?</h1>
<p>Not much to report here. While Opera shows me beautiful ligatures of my local Zapfino (<a href="http://en.wikipedia.org/wiki/Apple_Advanced_Typography" target="_blank">with AAT</a>), webfonts in Opera are not displayed with any OpenType features or kerning (but with those nasty overlaps again, this time using Arno Pro from Adobe).</p>
<p><img class="alignnone" src="http://www.opentype.info/static/opera-fish.jpg" alt="" width="640" height="271" /></p>
<h1 class="inbody">Accessing different styles</h1>
<p>As <a href="http://www.clagnut.com/blog/2228/" target="_blank">Richard Rutter</a> pointed out: “it’s really depressing”. The browser developers seem to only think of those typical system fonts with 4 styles in a font family. Anything beyond that will cause trouble and Opera is no exception to that rule.</p>
<p><img class="alignnone" src="http://www.opentype.info/static/different-styles.jpg" alt="" width="640" height="330" /></p>
<p>In this test with 3 weights and one additional small caps style only Firefox renders the fonts correctly. Safari and Opera get it all mixed up.</p>
<h1 class="inbody">What else?</h1>
<p>Like Firefox, Opera will also show a system font while the linked webfont is being loaded. My wish for support for the <a href="http://www.w3.org/TR/css3-webfonts/#unicode-range">Unicode-Range</a> feature is not fulfilled once more (see <a href="http://opentype.info/blog/2008/10/25/sneak-peek-font-face-in-firefox-31/">Firefox sneek peek</a>). This would give both font and web designers more flexibility with multilingual content.</p>
<p>Considering how long Opera has been working on their webfont support, the results are a little bit disappointing to me. Now that webfonts are getting more and more attention and commercial foundries are beginning to support @font-face linking, the browsers should at least support basic features like providing the ability to access every possible style in a font family with the <a href="http://www.w3.org/TR/css3-webfonts/">standardized way</a>. And browser makes should probably ask font vendors to send in their fonts for testing. Recent commercial fonts rely more and more on OpenType features and users will be very disappointed to find out that their purchased <a href="http://sudtipos.com/fonts/123">script font</a> with hundreds of ornamental ascenders and descenders is probably not going to look as nice on the web.</p>
<p align="left"><a class="tt" href="http://twitter.com/home/?status=Sneak+Peek%3A+%40font-face+in+Opera+10+http://bit.ly/1aybH2" title="Post to Twitter"><img class="nothumb" src="http://opentype.info/blog/wp-content/plugins/tweet-this/icons/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Sneak+Peek%3A+%40font-face+in+Opera+10+http://bit.ly/1aybH2" title="Post to Twitter">Tweet This</a> <a class="tt" href="http://www.facebook.com/share.php?u=http://opentype.info/blog/2009/06/04/sneak-peek-font-face-in-opera-10/&amp;t=Sneak+Peek%3A+%40font-face+in+Opera+10" title="Share on Facebook"><img class="nothumb" src="http://opentype.info/blog/wp-content/plugins/tweet-this/icons/tt-facebook.png" alt="Post to Facebook" /></a> <a class="tt" href="http://www.facebook.com/share.php?u=http://opentype.info/blog/2009/06/04/sneak-peek-font-face-in-opera-10/&amp;t=Sneak+Peek%3A+%40font-face+in+Opera+10" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://opentype.info/blog/2009/06/04/sneak-peek-font-face-in-opera-10/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
