Close

Not a member yet? Register now and get started.

lock and key

Sign in to your account.

Account Login

Forgot your password?

Master CSS Typography Techniques

Master CSS Typography Techniques

CSS really excels at typography styling. Everything from font type to weight to color is defined using CSS. Here are a number of tutorials to help you create better web typography.

Truetype, Font Variants and Antialiasing
A great article on some issues with using Truetype fonts and how they sometimes don’t show up as you had hoped (or planned).

  Truetype, Font Variants and Antialiasing

Styling Ordered Lists with CSS
A tutorial for creating a very appealing ordered list with CSS.

Styling Ordered Lists with CSS

Beautiful fonts with @font-face
The basics of using @font-face for inserting truetype fonts within your designs.

Beautiful fonts with @font-face

Forgotten possibilities of :first-letter in CSS (in Russian)

 First-letter

8 Definitive Web Font Stacks
A collection of eight CSS font stacks that are based on the format of exact font, nearest alternative, platform-wide alternative(s), universal (cross-platform) choice(s), and generic. These are grouped depending on the impression they’re likely to give visitors.

8 Definitive Web Font Stacks

Mike’s Experiments – CSS: Perspective Text
An interesting example of creating text with a perspective effect (so the bottom of a block of text looks closer than the top).

Mike's Experiments - CSS: Perspective Text

Fonts for web design: a primer
A great guide to typography aimed specifically at web designers that includes an overview of the types of fonts, their appropriate uses, and the use of specialist typefaces for web design.

Fonts for web design: a primer

CSS text-shadow Fun: Realtime Lighting Demo
A really neat example of using the text-shadow property combined with JavaScript to create a lighting demo.

CSS text-shadow Fun: Realtime Lighting Demo

Rendering Quotes With CSS
A guide to using quotation marks in CSS, including how to create standard quotes for different countries.

Rendering Quotes With CSS

Six Ways to Style Blockquotes
A tutorial of different methods for styling the blockquote XHTML tag with CSS.

Six Ways to Style Blockquotes

Make OL list start from number different than 1 using CSS
A simple tutorial for starting an ordered list number from any number you want.

 Make OL list start from number different than 1 using CSS

Use CSS to Override Default Text Selection Color
Choose any color you want to become the text highlight color on your sites with this method.

CSS Drop Cap Effect
A drop cap can set your site apart, especially if it’s a magazine or book website (or otherwise related to the literary trades). Here’s a CSS method for creating them.

 


Leave a comment