FontDrop!

Was steckt alles in meiner Schriftdatei?

FontDrop! splash

Wie viele Zeichen enthält diese Schrift? Wer hat sie entworfen? Um welche Version handelt es sich? Wie sieht es mit dem Urheberrecht aus? Schriftdateien können äußerst komplex und umfangreich sein – mit einer Vielzahl von Zeichen, Unterstützung für Dutzende von Sprachen und einem großen Funktionsumfang –, oder sie können sehr klein ausfallen und lediglich einige wenige Symbole für eine Webseite enthalten.

FontDrop! ist eine schnelle und einfache Möglichkeit, den Inhalt einer Schriftdatei zu überprüfen – besonders dann, wenn man nicht mit Schriftbearbeitungsprogrammen oder Command Line Tools vertraut ist, die von professionellen Schriftgestalter oder Fontingenieuren verwenden werden. OpenType- oder TrueType-Schriftdateien einfach per Drag-and-Drop auf die Website ziehen und deren Inhalt wird dargestellt. Unterstützt werden die Formate OTF, TTF, WOFF und WOF2. Das Ergebnis wird direkt in Ihrem Browser generiert; es sind keine serverseitigen Vorgänge erforderlich.

Funktionen

FontDrop! zeigt die wichtigsten Basisinformationen einer Schriftart auf einen Blick – Name, Stil, Versionsnummer, Copyright-Informationen. Welche Informationen angezeigt werden, hängt vom Inhalt der Datei ab. Nicht alle Schriftartdateien enthalten Lizenz- oder Copyright-Informationen in ihren Metadaten. (WOFF-Dateien lassen zum Beispiel einige dieser Informationen weg, um Speicherplatz zu sparen.)

Anzeige aller Zeichen

Alle Glyphen der Schriftdatei werden in einem canvas Element gerendert (das hat den Vorteil, das auch Zeichen die keinen Unicode haben dargestellt werden können). Kleine graue Markierungen am unteren Rand zeigen die Zeichenbreite der Glyphen an; zudem lassen sich Name und Unicode des Zeichens durch Überfahren mit der Maus einblenden. Bitte beachten Sie, dass die Glyphen in diesem Bereich so dargestellt werden, wie sie in der Schriftdatei hinterlegt sind; aktivierte OpenType-Funktionen haben hierauf keinen Einfluss. Während an anderer Stelle der Website ein kleingeschriebenes „a“ als Kapitälchen-„A“ ausgegeben wird, sobald die entsprechende Funktion aktiviert ist, ist dies hier nicht der Fall.

Zeichen Details

Per Mausklick wird ein Pop-up angezeigt, das Details zu jedem Glyphen enthält, einschließlich der numerischen Konturdaten.

FontDrop! Glyph details

OpenType Funktionen erkennen

FontDrop! prüft, ob eine OpenType-Funktion verfügbar ist, und macht sie über CSS zugänglich. Sie lässt sich ganz einfach per Knopfdruck ein- und ausschalten. Beachten Sie, dass die Funktionen in Schriftdateien sehr komplex und ausgefeilt sein können. Die App erkennt nicht, welche Zeichen innerhalb der jeweiligen Funktion genau verändert werden. In den Spezifikationen sind rund 140 Funktions-Tags definiert; FontDrop! konzentriert sich dabei auf die gängigsten und am weitesten verbreiteten Funktionen für lateinische, griechische und kyrillische Schriften.

Ligaturen erkennen und anzeigen

Die Website analysiert alle OpenType-Funktionen für Ligatursätze und liefert eine Liste der Ligatur-Glyphen, der zugehörigen OpenType-Funktion (meist Standard-Ligaturen/„liga“, fakultative Ligaturen/„dlig“, historische Ligaturen/„hlig“ oder obligatorische Ligaturen/„rlig“) sowie der Komponenten (überwiegend Buchstaben), aus denen sich die jeweilige Ligatur zusammensetzt.

Sprachunterstützung erkennen

FontDrop! erkennt die Sprachunterstützung für die wichtigsten Sprachen mit lateinischem und kyrillischem Alphabet sowie weiterer großer Sprachgruppen. Es prüft nicht auf alle dokumenmtierten Sprachen. Die aktuelle Version des Unicode-Standards unterstützt fast 1.000 moderne Sprachen oder Schriftsysteme und umfasst mehr als 120.000 Codepunkte, einschließlich zahlreicher Symbole und Sonderzeichen. Das CLDR (Common Locale Data Repository), das all diese für Softwareanwendungen relevanten Informationen bereitstellt. FontDrop! vergleicht die im Font enthaltenen Unicode-Glyphen mit seiner eigenen Sprachdatenbank. Eine Liste aller unterstützten Sprachen ist auf der Webseite unter der Schaltfläche „Info“ zu finden. Um die Datenbank übersichtlich und benutzerfreundlich zu halten, erfolgt die Prüfung nur anhand der Grundbuchstaben der jeweiligen Sprachen (z. B. bei Englisch die Buchstaben A bis Z sowie a bis z).

Zeige Meta-Tabellendaten

Jede Schriftdatei ist in Datentabellen unterteilt. Diese Tabellen enthalten alle für eine Schrift relevanten Informationen: Sie speichern Angaben zur Benennung, die Bezier-Kurvenpunkte für jedes einzelne Zeichen (Glyphe), Feature-Syntax, Kerning-Daten, Hinting-Anweisungen und vieles mehr. Die OpenType-Spezifikationen definieren mehr als 30 solcher Tabellen. Ob eine Tabelle tatsächlich in einer Datei enthalten ist, hängt stark vom spezifischen Design und dem Verwendungszweck der Schrift ab; so benötigt beispielsweise eine nicht-proportionale Schrift (Monospace-Schrift) keine Tabelle für das Kerning. Mithilfe der Javascript-Bibliothek opentype.js kann FontDrop! die Tabellen auslesen.

Vorschau mit Fließtext und Waterfall

FontDrop! stellt Beispieltexte in verschiedenen Sprachen sowie Beispielzeilen in abnehmenden Schriftgrößen bereit. Hier können auch eine eigene Zeile eingeben werden. Die Anwendung nutzt die Ersatzschriftart „Adobe Blank“ – eine Schrift, die mehr als eine Million Unicode-Codepoints abdeckt und diese einem Leerzeichen zuordnet. Auf diese Weise werden alle Zeichen, die in der hochgeladenen Schriftart nicht enthalten sind, durch ein Leerzeichen ersetzt.

Selber schreiben

Schrifttester für der hochgeladene Schriftdatei mit Reglern für Schriftgröße und Zeilenabstand. Dieser Bereich eignet sich zudem hervorragend, um einzelne Zeichen in großer Darstellung zu betrachten und OpenType-Funktionen zu überprüfen.

Profi-Tipp
Vergleiche zwei Schriftdateien – zum Beispiel zwei Versionen derselben Schriftart –, indem du sie einfach in zwei verschiedenen Browser-Tabs öffnest. So lässt sich ganz leicht zwischen ihnen hin- und herwechseln.


Links

Artikel über FontDrop! auf Medium
Artikel über neue FontDrop! Unterseiten
Artikel im Page Magazin
Fun With Fonts

Letter of news

Über Updates und Neuigkeiten auf dem laufenden bleiben!