Website-Typografie per Drag and Drop testen: Font Dragr

font-dragr-logo

Wenn ihr schnell und intuitiv testen möchtet wie gut sich eine Schriftart für eine Website eignet, lohnt sich ein Blick auf Font Dragr. Das Online-Tool arbeitet mit jeder beliebigen Schriftart und bindet sie mit der CSS-Eigenschaft @font-face in die Website ein. Font Dragr wird zunächst als Bookmarklet in die Favoriten gezogen. Anschließend könnt ihr das Tool als Overlay aktivieren und eine Schriftart zum Test auswählen. Wenn ihr einen Font testen möchtet, der nicht Bestandteil der Galerie ist, könnt ihr per Drag and Drop eine Schrift vom eigenen Computer hinzufügen.

Trainings für Unternehmen und Privatpersonen

Wir machen dich fit für die Zukunft des Web! In unseren Seminaren und Workshops lernst du wie moderne Websites entstehen.

Infos zu Inhouse-Seminaren
Infos zu öffentlichen Terminen

Wenn ihr keine weiteren Einstellungen vornehmt, wird die Schriftart immer auf den gesamten body der Website angewendet. In einem Eingabefeld könnt ihr allerdings individuelle Selektoren definieren und so beispielsweise nur eine bestimmte Überschrift ersetzen lassen.


Font Dragr ist kein Ersatz für Dienste wie etwa die Google Font Directory. Font Dragr dient eher dazu schnell und vor allem ohne in den Code eingreifen zu müssen, Schriften live zu testen. Hat man sich dann für eine Schrift entschieden, muss sie manuell in die Website eingebunden werden.

Video zu Font Dragr - Drag and Drop Font Testing

Zu Font Dragr gibt es auch ein Einführungsvideo das die Arbeitsweise und Bedienung zeigt.