0 4247

CSS-Tutorial – Per CSS Schriftarten ändern

Heute möchte ich Euch zeigen, wie man per CSS die Schriftart eines Textes ändern kann.

Hierzu verwendet man den CSS Befehl font-family.

Ähnlich dem font face in HTML sollte man bei font-family mehrere Schriftarten angeben, da man nicht weiß, welche Fonts (Schriftarten) auf dem Rechner des Besuchers installiert sind. Man bedenke, daß der Besucher bspw. auch mit einem Linux-System auf Eure Seite kommen könnte.

Beispielcode HTML:

<html>
 <head>
  <style type="text/css">
   #arialtext { font-family:"arial black", arial, "times new roman"; }
  </style>
 </head>
 <body>
   Von diesem Text möchte ich folgende Passage in Arial Black anzeigen:<br>
   <span id="arialtext">Dieser Text sollte in Arial black dargestellt werden, sofern es auf dem Zielrechner installiert ist.</span>
 </body>
</html>

Wie Ihr sehen könnt, werden die weiteren Schriftarten (die zum Einsatz kommen sollen, sofern die vorher aufgezählte nicht vorhanden ist) einfach mit Kommas getrennt aufgezählt.

Arial Black und Times New Roman habe ich in Anführungszeichen gesetzt. Die W3C sieht vor, daß Namen von Schriftarten, die Leerzeichen beinhalten, in Anführungszeichen gesetzt werden. Es wird zwar ohne Anführungszeichen nicht als Fehler bemängelt, allerdings wird man darauf hingewiesen.

No related posts.

Author: Andreas Lang

Sphinx-Flashdesign.de

Andreas Lang hat im Alter von 12 Jahren begonnen, auf einem Atari ST 1040 STFM in Omikron und STOS Basic zu programmieren.
Spiele interessierten ihn nicht so sehr.
Die Welt der Bits und Bytes hat ihn gefangen.
Programmierertechnisch folgten auf dem ersten 486er Turbo Pascal, Visual Basic.
Mit dem ersten Internet Anschluss per 56k Modem folgten HTML, Javascript, CSS und Macromedia Flash. Die Website www.wizzquiz.de wurde geboren.
Eine Flash Online-Gaming Plattform mit Quiz Spielen, Memory, Sokoban etc.
Später entwickelte er Software unter anderem für Continentale und Siemens AG.
Seit zwei Jahrzehnten konzentriert er sich auf die Webentwicklung und Webdesign mit dem Schwerpunkt PHP, Laravel und Javascript und betreut seine Kunden mit Herz und Seele in allen Bereichen von Entwicklung, Design, Suchmaschinenoptimierung, IT-Recht, IT-Sicherheit etc.

Weiter