Entries Tagged as 'ClearType'

Full CSS3 Text-Shadows — Even In IE

June 29th, 2011 by zoltan · 30 Comments

While researching the possibilities of using text-shadows in IE, I noticed that there wasn’t any silver bullet that produced multiple CSS3-like text-shadows in IE. However, combining my cssSandpaper script with a refactored version of a text-shadowing script by Kazumasa Hasegawa, we can now have IE text-shadow goodness.

[Read more »]

Tags: ClearType · CSS · CSS3 · IE Visual Filters · JavaScript · Polyfills · text-shadow

CSS3 Text-Shadow – Can It Be Done in IE Without JavaScript?

April 14th, 2011 by zoltan · 15 Comments

CSS3 text-shadow rocks, but it doesn’t work in any version of Internet Explorer, including IE9. While it is impossible to replicate all text-shadow effects in The Browser That Likes To Be Difficult, there are some ways to emulate this effect without JavaScript using Visual Filters, even when ClearType is enabled. This article can show you how and contains lots of examples.

[Read more »]

Tags: ClearType · CSS3 · IE Visual Filters · text-shadow · Uncategorized

How to Make ClearType, @font-face Fonts and CSS Visual Filters Play Nicely Together

September 2nd, 2010 by zoltan · 17 Comments

Ever had a problem with using IE’s Alpha Visual Filter and getting blocky text? A solution has been found, and it doesn’t use JavaScript. I expect to hear a sigh of relief from many developers.

[Read more »]

Tags: @font-face · ClearType · CSS · CSS3 · Fonts · IE Visual Filters

How to Detect Font-Smoothing Using JavaScript

November 29th, 2009 by zoltan · 74 Comments

Not all @font-face fonts look good when font-smoothing is turned off. Now you can detect whether a font smoothing technology is being used and serve alternative fonts for those users.

[Read more »]

Tags: @font-face · ClearType · CSS · CSS3 · Fonts · JavaScript

@font-face in Depth

September 20th, 2009 by admin · 68 Comments

The fact that we can now choose any font to embed inside our web pages and applications using @font-face is something to celebrate, and removes a long existing set of handcuffs placed on web designers. This article covers how to use @font-face in all browsers, as well as some interesting little-known technical details.

[Read more »]

Tags: @font-face · ClearType · converting · CSS · FontForge · Fonts