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