Typography takes very important role in web designs to make them attractive. Text effects you can make in Photoshop more beautiful and eye-catching. But now if you have seen on most of web sites they are not using image based typography. They are working in CSS and making text effects. As you know that CSS text effects now rapidly getting popular in new trends of web designs. In this article I have listed CSS tips and tutorials of typography and I will strongly recommend reading these listed articles to all web designers and developers who want to make their designs and websites trendy.
Text Embossing Technique With CSS
Example from AlexBuga homepage.
Codename Rainbows
Beautiful CSS&Javascript code offered by DragonInteractive teaching how to get two-color gradient text effects, shadows and highlights.
Create a Letterpress Effect with CSS Text-Shadow
Text Rotation with CSS
Date Display Technique with Sprites
CSS Gradient Text Effect
CSS Text-Shadow in Safari, Opera, Firefox and more
Text-overflow
How To Implement sIFR3 Into Your Website
How To Use Any Font You Wish With FLIR
How to use headings in HTML
Advanced Typography techniques using CSS
10 Examples of Beautiful CSS Typography and how they did it
Beautiful article explaining simple but very effective CSS tricks how to achieve beautiful typography effects with just a few lines of code.
Typographic Contrast and Flow
Nick La teaches how to apply right contrasts and flow in your webdesigns explaining why and what works and how to achieve that effect.
The Elements of Typographic Style applied in Webdesign
5 Principles And Ideas Of Setting Type On The Web
CSS Text Gradients
Yet another very similar tutorial about text gradients, but maybe you’ll like both variants trying to explain really how CSS text gradient effects work.
Add grunge effect to text using simple CSS
Article is based on the same technique as CSS text gradients using it to add grunge type effect to your typo!
Two simple ways to create text embossing effect
CSS Drop Shadows
Text-Shadow Exposed
Make cool and clever text effects with css text-shadow. Very detailed article teaching you a lot of hidden tips how to achieve text glowing, embossing,shadowing with just few steps.
Background gradients and CSS
Pretty cool CSS background effect, which can be applied on hover giving a lot of options use it in creative way!
Nice article labeeqa i really like text embossing one thanks for sharing.