Online-Tools
Hilfsmittel zum Setzen von Schrift auf Webseiten
Im Folgenden möchte ich einige externe Tools vorstellen, welche den Umgang mit Schrift im Web erleichtern.
@font-face Hilfsmittel
@font-face Kit Generator
Der Generator ist ein kostenloser Service von Font Squirrel, um Schriften online in alle benötigten Formate, sowie den entsprechenden CSS-Code, umzuwandlen.
Soma FontFriend
Soma FontFriend ist ein sehr gut gemachtes bookmarklet für Firefox 3.6+ und Safari3+, um beliebige Schriftart schnell auf jeder Webseite testen zu können. Sehr hilfreich :)
Google font previewer
Google font previewer ist ein sehr gut gemachter Editor, um CSS-Code zum Einsatz der Schriften aus dem Google font directory zu generieren.
Google WebFont Loader
Mit dem Google font loader kann man erreichen, dass sich alle Browser beim Laden von web-fonts gleich verhalten. Das JavaScript ermöglicht den Einsatz verschiedener Quellen von web-fonts und bietet generell mehr Einfluss auf das Verhalten der Browser.
font dragr
Mit font dragr kann man unter Firefox 3.6 beliebige Schriftarten in diversen Formaten einfach per drag & drop vor ihrem Einsatz testen.
FontFonter
FontFonter ist ein web-font-Vorschau-Werkzeug von FontShop für beliebige Seiten.
Allgemeine Hilfsmittel
Blindtext Generator
Erzeugt verschiedene Blindtexte, die sich während der Layout-Phase einsetzen lassen.
Typetester
Typetester bietet die Möglichkeit, verschiedene Schriften mit unterschiedlichen Einstellungen direkt zu vergleichen.
TypeIt
TypeIt ist ein Online-Editor der abhängig von der Sprache die Möglichkeit bietet, einfach die entsprechenden Sonderzeichen einzugeben.
Typechart
Typechart ist eine Liste verschiedener Schriften. Die CSS–Einstellungen lassen sich direkt von der Seite kopieren.
CSS Type Set
CSS Type Set ist ein visueller Editor um CSS-Code zur Textformatierung zu generieren.
CopyPasteCharacter
Die Seite bietet eine Übersicht von Glyphen, die schwer über die Tastatur einzugeben sind. Diese können einfach per Doppelklick von dort kopiert werden.
PX 2 EM
PX 2 EM ist ein Online-Rechner zur Umrechnung von Pixeln in Ems und vice versa.
CSS-Typeset Matrix
CSS-Typeset Matrix ist ein Generator, um eine aufeinander abgestimmte Matrix von Schriftgrößen und Zeilenabständen zu errechnen.
typographic beautifier
Das Tool wendet typografische Regeln auf Text oder HTML-Quelltext an und gibt die korrekten Formatierungen aus. Nicht alle zur Verfügung stehenden Möglichkeiten können für jede Sprache genutzt werden, da das Tool auf polnischer Grammatik aufbaut. Trotzdem kann es sehr hilfreich sein.
Textism — Textile
Textism — Textile bereitet Texte für den Einsatz im Web vor. Es werden einige typografische Regeln beachtet, Zeichen durch typografisch korrekte Versionen ersetzt und Sonderzeichen durch HTML-Entity-Codes ersetzt.
hyph-n
hyph-n führt eine Silbentrennung von eingegebenen Texten in englischer Sprache durch.