Webfonts-Tutorial: useful tips and hints on the topic of Web fonts

Here you will find all currently published articles on the use of Web fonts.

Licensing & Installation

You will find everything you need to know about getting started with web fonts from Linotype.com.

Accessing OpenType features for web design

OpenType features have long been considered indispensable in print design. In the case of many contemporary typefaces, display variants and special characters are often only available as OpenType features and in order to use small caps, non-standard numeral sets, ligatures and swash letters, it is necessary to access the corresponding options through the layout tool.

Language features and character sets for web fonts

The character set of system fonts typically covers the most important languages. As long as these fonts are used on the web, you only have to worry about whether or not the characters are displayed correctly in exceptional cases.

The clever arrangement of numbers on the web

Numbers are arranged in small groups for better legibility. This applies to print as well as websites.

Kerning and Ligatures on the Web

In recent years, web fonts have made websites more diverse and unique, as far as typography is concerned. Nonetheless, the electronic display of text in comparison to print still has a way to go – as in the case of kerning and ligatures, for example.

Significance of letter-spacing for web design

In principal, letter-spacing is meant to provide even spacing between the letters. It is not the same as kerning, which affects the spacing between two specific letters.

Typographically correct typesetting on websites

By way of example, we will consider the most important rules and their implementation in HTML here. The use of the correct quotation marks and the right dash generally eliminate a majority of the typographic sins in an unprofessionally set text.

Text Alignment and Hyphenation

As described in the article “Selecting the Right Line Spacing”, line length and spacing are not the only important things when it comes to readability: text alignment is critical, as well.

Selecting the correct line spacing

The legibility of text is not only determined by the font used; line spacing also plays an important role.

Spoiled for choice? How to find the web fonts that are perfect for your project.

Because web fonts have become generally available, web designers are no longer restricted to a choice between three or four fonts; there is now an almost limitless range of typefaces from which to select.

Clearance and white space: designing texts

Although it may at first seem a little odd, when you stop and think about it is apparent that white space in design terms can play an as important role as (if not more important role than) the actual content.

The possibilities for micro typography on the Web

The typographical possibilities recently opened up by web fonts are putting the topic of typography in the design of web sites back into the limelight.

The advantages of large font family groups in web design

A typeface super family or family group is a family of fonts that incorporates different styles, such as serif and sans serif variants.

Creating great effects using web fonts

It is a commonly held belief that it is only possible to achieve even the very simplest of text effects online by converting characters to images.

Top twenty text fonts for web projects

Text fonts must conform to a wide range of different prerequisites if they are to be clearly legible. They are thus subject to stringent requirements that start with the shapes of the glyphs.

Typography on the Web

Good typography is based on many factors irrespective of output medium. In this way you can, for example, transfer experiences with tracking and x-height from print to web design, without encountering problems and control both with CSS (Cascading Style Sheets).