Leon Sans: Schrift gemacht mit Code

Leon Sans ist eine geometrische serifenlose Schrift, die komplett mit Code erstellt wurde. Die Schriftstärke lässt sich dynamisch ändern und die Buchstaben per HTML5-Canvas-Element animieren und mit Effekten versehen.

Leon Sans - Font aus Code

Für jeden Buchstaben hat der Entwickler Jongmin Kim entsprechende Koordinatenwerte der Zeichenpunkte angefertigt. Mit diesen Codezeilen lassen sich benutzerdefinierte Formen, Effekte oder Animationen realisieren.

Leon Sans Animationen

Für die Umsetzung seiner Beispiele greift Jongmin Kim auf die JavaScript-Bibliothek TweenMax zurück, die es hier zum Einbinden bzw. Herunterladen gibt:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>

Weitere Anleitungen und Beispiele kann man auf der GitHub-Projektseite ansehen.

Kommentieren

Ich akzeptiere die Datenschutzerklärung.