Normalerweise verwenden Websites jeweils Schriftarten, welche möglichst auf den gängigen Betriebssystemen (Mac, Windows, Linus) vorhanden sind. Oft sind dies Arial oder Verdana.
Sprich, wenn ich beispielsweise die Myriad Schrift verwendet hätte, hätten nur diejenigen die Website in der Myriad Schriftart gesehen, welche sie auch installiert hatten.
CSS
Doch nun mit CSS3 ist etwas neues möglich. Eigentlich sollte es schon mit CSS2 möglich sein. Es können X beliebige Schriftarten verwendet werden. Natürlich unter Beachtung der Lizenz. Danke an Bartek für diesen Hinweis.
Lizenz
Für meine Website verwende ich die Museo Font. Diese darf auf Websites verwendet werden, der Entwickler wünscht sich einfach einen Hinweis auf der Website oder im CSS, in der Nähe wo die Schriftart eingebaut ist.
Browser
Momentan funktioniert diese Technik noch nicht mit allen Browsern. Allen voran dem Internet Explorer. Firefox, Safari und Chrome sollten in den neusten Versionen aber in der Lage sein, die Schriften anzuzeigen.
CSS
@font-face { font-family: museo; font-weight: bold; src: url('museo.otf'); }
Verwendung
Bei der Verwendung ist darauf zu achten, dass im CSS noch alternative Schriftarten (Arial, Verdana oder sonstwas) definiert werden, falls der Browser nicht mit dieser Technik kompatibel ist. Und so sieht das dann in etwa aus:
body {
font-family: museo, "Helvetica",Tahoma,
"Trebuchet MS", Tahoma, sans-serif;
font-size: 14px;
line-height: 1.6em;
background: #fff url(images/bg.gif) repeat-x;
color: #8E8E91;
}
Wenn andere Schriftarten verwendet werden, bitte darauf achten, dass die Bezeichnungen (in meinem Fall “museo”) der Schriftarten deckungsgleich sind.
20. Mai , 2010 um 13:16
Diese Lösung war schon lange fällig. Die Unsicherheit mit den Fonts, erschwert das Layouten.
Nur ist CSS3 bis heute noch nicht fertig entwickelt. http://www.w3.org/Style/CSS/current-work
Wird die Lösung, die Du vorschlägst, heute schon von allen Browsern und Betriebssystemen unterstützt?
20. Mai , 2010 um 13:30
@Antoine: Ja und ich finde gut, dass es mittlerweile eine Lösung gibt. Was verstehst du unter Unsicherheit mit den Fonts?
Zu deiner Frage, die habe ich im Punkt “Browser” beantwortet.
20. Mai , 2010 um 13:42
Wie sieht es mit den Betriebssystem aus?
Konqueror liefert zuweilen ein schiefes Bild.
Für mein Empfinden trägt die Schrift viel zur Optik bei.
Ob Verdana, Arial oder Tahoma, dass selbe Layout kann verschieden aussehen.
Das meinte ich mit der Unsicherheit.
Gecko stellt die Schriften anders als der IE dar.
20. Mai , 2010 um 13:53
@Antoine: Ich nutze im Geschäft Windows/Firefox, zu Hause Mac/Firefox (und zu Testzwecken Safari und Chrome). Mit allen diesen Browsern habe ich absolut keine Probleme mit der Darstellung.
Und der IE ist sowieso nicht empfehlenswert… ;)
Wenn du mal ausprobieren möchtest, wie die einzelnen Websites mit verschiedenen Browsern/Betriebssystemen aussehen, schau’ dir einmal das Browserlab von Adobe an.