DevSnippets » Font Styles

@font-face Generator Every Web Designer Must Know

prlamnguyen — Tue, 19 Jan 2010 09:30:15 +0000

Although embedding the @font-face is easy by just few line code in CSS, create these font file for each type of web browser is not easy. Too many steps! Have you ever wished you had font-face kit that includes all of these files? Today, you’ll have it.

font-face generator_square.png (53 KB)

Big On Type

yun4 — Mon, 04 Jan 2010 07:16:30 +0000

When talked about 16px font size we immediately say big font or large type. The fact is it is not big or large, it is the default size.

Know Your Type: Part 2 – Type Categories

tdomf_661f8 — Sat, 02 Jan 2010 11:14:32 +0000

In this second part of typography articles we are going to learn the categories in which a type can be classified. Knowing the terms and characteristics of these groups can help you in the process of selecting the appropriate type for your project.

Custom Web Fonts in CSS3

Anti Tables — Tue, 29 Dec 2009 20:04:02 +0000

Another great feature of CSS3 is being able to use custom web fonts in your website layouts, instead of being stucked with the boring Arial, Georgia, Courier etc typeface. In CSS3 however you are able to use any TrueType (.ttf) or OpenType (.otf) typeface in website layouts, simply by using the @font-face rule. With that you are able to load custom web fonts into your website and then be able to use the font, without having the problem of does the user have this font, or does the user have this font as well.

14 Top Typeface and Font Combinations Resources

tdomf_661f8 — Thu, 03 Dec 2009 10:21:52 +0000

One of our most popular font articles is about how to create good font combinations. But don’t take our word for it! We’ve collected 14 excellent articles to help you make even better typeface pairs.

Azbuka – CSS Typographical Base Rendering Library

vladocar — Mon, 16 Nov 2009 14:50:44 +0000

Azbuka is CSS Typographical Base Rendering Library.
It’s meant to make meaningful web typography based on the golden proportion.

30 Professional Free Fonts for Excellent Typography

tdomf_661f8 — Sun, 04 Oct 2009 12:37:56 +0000

In this article we want to present 30 Professional Free Fonts for Excellent Typography you should consider using for your designs or typography works.

13 web-safe fonts at the core of web typography

tdomf_661f8 — Sat, 26 Sep 2009 20:33:54 +0000

Find out what web-safe fonts are and which thirteen font faces are on the list. Includes samples of each font along with the complete font-family property.

Web Design Trends: Font Replacement – Examples, Techniques and Resources

tdomf_661f8 — Thu, 20 Aug 2009 08:07:18 +0000

Hey, I am going to be posting a series of articles of the trends which have emerged in web design in recent times. I will be covering one trend in each article. This is the first part of the series, and in this part, I will be covering font replacement.

15+ Best-Loved Web Safe Fonts Bits With CSS

tdomf_661f8 — Thu, 06 Aug 2009 17:33:19 +0000

This article is the bits of fonts on this list are considered “web-safe” – they’re supported by all major browsers on any platform.