Let me introduce you to the best way to do your @font-face definitions. I’ll circle back to why this is the best possible solution but let’s first review the other techniques’ weaknesses. Of course, the problem at the center of this is that IE needs an .eot font, and the other browsers must take a .ttf or .otf. Okay, let’s see what we got here…
Archive for September, 2009
-
Bulletproof CSS @font-face syntax
Posted: 3 years ago in Code
Read More: Bulletproof CSS @font-face syntax
-
Backgrounds In CSS: Everything You Need To Know
Posted: 3 years ago in Tutorials
Backgrounds are a core part of CSS. They are one of the fundamentals that you simply need to know. In this article, we will cover the basics of using CSS backgrounds, including properties such as background-attachment. We’ll show some common tricks that can be done with the background as well as what’s in store for backgrounds in CSS 3 (including four new background properties!)…
-
Horizontal and Vertical Centering Using CSS: A Beginner’s Guide
Posted: 3 years ago in Tutorials
There comes a time in every web designer’s life, when you’re trying to center an HTML element and it’s failing miserably. You’re ready to pull the plug on CSS, revert back to tables, and use deprecated tags and attributes like: center, align, and valign. In this tutorial we’re going to shed some light on the subject, and hopefully help demystify the process of centering HTML elements using CSS…
Read More: Horizontal and Vertical Centering Using CSS: A Beginner’s Guide
-
How To Create a Pure CSS Polaroid Photo Gallery
Posted: 3 years ago in Tutorials
Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a look at building a cool looking stack of Polaroid photos with pure CSS styling…