CSS3 @font-face Design Guide. Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all.
When it doesn't, your custom fonts might break the layout or come out with undesired results. In this article, I will explain the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr. Common Mistake One common mistake that most people make when implementing custom fonts is not specifying the fallback fonts or picking the wrong fallback fonts.
25 Killer CSS3 Generators & Tools. CSS3 vs. Photoshop: Complex Backgrounds. This tutorial will outline how to create complex backgrounds which, in the past, could only be achieved by slicing up a design created in Photoshop or another graphic editor.
We're going to look at how to use gradient shades and how to combine them with multiple image backgrounds to create radical effects. Are you ready? Before Getting Started This is the first in what will be a series of many examples. 31 CSS Code Snippets To Make You A Better Coder.