Plato is dear to me, but dearer still
is truth.

Above is one of my favorite quotes from Aristotle. Unfortunately, it's a somewhat disputed attribution and no one can find a definite source in any of his works. But in any case it is a great expression of valuing the truth above all else. I always found it inspiring.

The above is also my demonstration of some CSS3 features and the new Google Font API.

It's only text. Previously, something like this would have required a photoshopped image. Now, using styles like box-shadow and text-shadow and transforms, web designers can create some amazing visuals without any images. I was even able to apply a slight gradient to the word "truth" -- no image required. (The gradient only works in WebKit browsers. I used this technique.)

If the text looks all jagged it's probably because you are using Windows 7 with Firefox or Internet Explorer. There have been a lot of reports of Windows 7 (and probably past versions of Windows) doing a terrible job of rendering the Google fonts. It's not Google's fault though; Microsoft has always been terrible at anti-aliasing fonts.

If you're using a Mac, I'm sure everything looks beautiful. As usual. (I can admit this despite being a Windows user.) Things also might look pretty if you're using Chrome on any OS. If that's the case it's because I inadvertently stumbled on a way to force WebKit browsers to render the text prettily.

It seems like the WebKit browsers can overcome Windows' standard font butchery if you apply a transform. Even the bottom text has a very slight transform: -webkit-transform: rotate(-0.0000000001deg);.

Pretty cool, huh?

Comments

blog comments powered by Disqus