CSS Schrift Generator
Mit dem Schrift Generator lassen sich sehr einfach die wichtigsten CSS-Anweisungen zur Schriftformatierung erzeugen. Darüber hinaus können durch die zweigeteilte Oberfläche zwei Schriften sehr gut miteinander vergleichen werden. Durch die direkte Gegenüberstellung können so nicht nur die Lesbarkeit sondern auch mögliche kleine Abweichungen in Größe und Darstellung erkannt werden. |
Mit dem "CSS Code erstellen"-Button werden die zugehörigen CSS-Anweisungen generiert. Referenziert wird im Schrift-Generator grundsätzlich auf den body-Tag. Natürlich können die CSS-Anweisungen auch auf andere Tags, CSS-Klassen oder IDs angewendet werden. Der "löschen"-Button setzt den jeweiligen Teil des Generators in den Ausgangszustand zurück. Bei einem Reload der Seite wird der gesamte Generator zurückgesetzt. Auf Grund der Darstellungsprobleme, die nicht installierte Schriften beim User verursachen können, empfiehlt es sich, zusätzlich mindestens eine ähnliche aber sichere Schriftart oder eine Schriftfamilie zu definieren. Dies kann sehr einfach realisiert werden, denn es können mehrere Schriftarten und Familien mittels font-family über Komma getrennt angegeben werden. Der Browser versucht dann die erstgenannte Schriftart darzustellen und wählt erst, wenn diese nicht verfügbar ist, die nächste usw. Der in den Ausgabebox bereitgestellte CSS-Code kann direkt in den Head-Bereich der Seite eingebaut werden. Empfohlen wird allerding die CSS-Anweisungen in eine externe Datei auszulagern und diese dann in alle betreffende Webseiten zu integrieren. Bei Änderungen muß dann nur eine Datei und nicht jede Seite bearbeitet werden. Dazu werden die CSS-Anweisungen in einer separaten Textdatei kopiert und sinnvollerweise mit der Endung .css abgespeichert. Die Tags zum Aufruf in der Seite, <style type="text/css"> und </style> entfallen dabei. Hier mal ein Beispiel:
body {
font-family:Arial; background-color:#FFFFFF; color:#000000; font-size:10pt; } Der Aufruf in jeder Seite erfolgt über (im HEAD-Bereich) : Anstelle von Datei.css ist der Name der CSS-Datei anzugeben. Wenn sich die CSS-Datei in einem anderen Verzeichnis oder auf einem anderen Server befindet, muß an dieser Stelle zusätzlich eine Pfadangabe oder absolute URL eingetragen werden. |
» nach oben «