<?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 Life of John &#187; CSS</title>
	<atom:link href="http://thelifeofjohn.com/blog/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://thelifeofjohn.com</link>
	<description></description>
	<lastBuildDate>Wed, 05 May 2010 06:30:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Turn off Safari font smoothing</title>
		<link>http://thelifeofjohn.com/blog/css/turn-off-safari-smoothing/</link>
		<comments>http://thelifeofjohn.com/blog/css/turn-off-safari-smoothing/#comments</comments>
		<pubDate>Sun, 27 Jul 2008 17:20:37 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[safari]]></category>

		<guid isPermaLink="false">http://www.thelifeofjohn.com/?p=238</guid>
		<description><![CDATA[While testing a new project for visual exactness between browsers, I found that Safari quite innocently, and with the best of intentions, does its best to automatically smooth the edges of the text. Actually, I noticed this some time ago, but never found it bothersome until this most recent project.Â Under most circumstances it actually [...]]]></description>
			<content:encoded><![CDATA[<p>While testing a <a href="http://www.berryconsiderate.com">new project</a> for visual exactness between browsers, I found that Safari quite innocently, and with the best of intentions, does its best to automatically smooth the edges of the text.<span id="more-238"></span></p>
<p>Actually, I noticed this some time ago, but never found it bothersome until this most recent project.Â  Under most circumstances it actually creates for a rather visually pleasing web browsing experience, but falls noticeably short with white text on a dark-ish background.<br />
<a href="http://www.thelifeofjohn.com/wp-content/uploads/2008/07/safari-font-smoothing.jpg"><img class="alignnone size-medium wp-image-240" src="http://www.thelifeofjohn.com/wp-content/uploads/2008/07/safari-font-smoothing.jpg" alt="Safari Font Smoothing On" width="458" height="109" /></a><br />
The fix for web authors, it seems, is quite simple. Applying a wee bit of CSS magic to the objects&#8217; text-shadow attribute will do the trick. I personally add it to the body object, but thanks to the wonders of CSS, this effect could be added or removed to individual objects as you wish.<br />
<code>text-shadow: 0 0 0 #000;</code><a href="http://www.thelifeofjohn.com/wp-content/uploads/2008/07/safari-font-smoothing-off.jpg"><img class="alignnone size-medium wp-image-239" src="http://www.thelifeofjohn.com/wp-content/uploads/2008/07/safari-font-smoothing-off.jpg" alt="Safari Font Smoothing Off" width="458" height="109" /></a><br />
Now your type will look uniform across all browsers, without any inherent font smoothing, anti-aliasing, or silent visual adjustments.</p>
]]></content:encoded>
			<wfw:commentRss>http://thelifeofjohn.com/blog/css/turn-off-safari-smoothing/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
