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