Information Technology Reference
In-Depth Information
Bezüglich der font-family gelten dieselben Regeln wie beim Definieren von
Schriften in Stylesheets: Es dürfen beliebige Kombinationen von Schriftfamilien
und/oder generischen Schriftfamilien ausgewiesen werden. Der Browser pickt
sich dann die erste ihm bekannte Schrift aus dieser Prioritätenliste heraus.
Völlige Unabhängigkeit vom Browser beziehungsweise der jeweiligen Platt-
form und ihren Schriften erzielt man durch die Verwendung von Webfonts. Ein-
mal mittels @font-face in einem Stylesheet eingebunden, stehen sie über den
vergebenen Schriftnamen auch in Canvas als font-family zur Verfügung.
@font-face {
font-family: Scriptina;
src: url('fonts/scriptina.ttf');
}
Abbildung 5.17 zeigt kurze Beispiele gültiger CSS- font -Attribute und deren
Darstellung in Canvas. Die Quelle für den Webfont Scriptina im letzten Beispiel
ist http://www.fontex.org/ - eine übersichtlich aufbereitete Sammlung freier
Fonts, die dort zum Download bereitstehen.
Abbildung 5.17: Schriftformatierungen mit dem »font«-Attribut
Search WWH ::




Custom Search