Typography: Font embedding grafixx.at on websites "

Typography: Font Embedding on Websites

February 17

Hello, Thank you for visiting - I hope that you will find useful information. Leave a comment but if you have any comments on the subject.

After the vexing issue of the limited font selection to websites could still be solved not complete, but at least it seems now some light at the end of the tunnel to give. After Safari 3.1 supports the first browser to integrate a method for writing websites will now follow suit Firefox from version 3.1. Reason enough, the current and future possibilities of integrating writing to shed light.

Were currently "non-standard fonts" (eg generated via PHP) mostly as images or Flash as embedded files. These workarounds work, but are optimized for search engines but not yet from the performance viewpoint. To counter this, there are three definitions in the CSS Style the nice "@ font-face". With this command it is possible to embed fonts directly on the site.

So, first, the writings and the desired font styles are defined. Then, the defined font styles are used as usual in the stylesheet.
The whole thing might look like this:

^? View Code HTML

  @ Font-face {
 font-family: 'Fontin-Regular';
 src: url ('Fontin-Regular.otf') format ("opentype");
 }

 h1 {
 font-family: 'Fontin-Bold', Georgia, serif;
 }

Basically, TrueType, OpenType, PostScript and OpenType TT fonts are supported. However, in addition to the relatively low browser support (IE lags behind wiedermal) the license legal side are observed. It may not be fact at all large fonts are stored on the server. Therefore it is recommended that the rights to use the font to be used to question exactly. Therefore, currently offer especially fonts that are available through the Open Font license.

Conclusion:
Once the whole subject had received little attention at times, again seems to be some movement came to the topic. With the release of Firefox 3.1 Firefox will have the nose slightly ahead of Safari, because Firefox will support unlike ligatures. Although these two browsers and some details could be improved, so has the support of @ font-face but a good sign. By the way, other browser manufacturers will put pressure on and sooner or later it will hopefully also support the Internet Explorer.