kulturbanause blog


Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.



@font-face Bibliothek "Kernest"

kernest-logo-icon-webfonts

Vor kurzem habe ich über die neue Google Font Directory berichtet die mittels CSS-Eigenschaft @font-face den Einsatz von Schriften im Web um einiges erleichtert. Abgelegt werden die Fonts auf dem Google-Server und eingebunden über eine Mini-API.
Nun ist es leider so, dass bei Google bisher nur wenige Schriften zur Verfügung stehen was die praktische Idee (aktuell) noch wenig praktikabel macht. Hier kommt "Kernest" ins Spiel.

Mehr Schriften

Im Grunde genommen funktioniert Kernest genau wie die Google Font Directory, bietet jedoch viel mehr Schriften an. Gefiltert werden kann nach Lizenz, Font-Family, Designer, Stye etc.

Kernest Screen

Besonders praktisch finde ich, dass direkt unter jeder Schriftart ein HowTo inkl. Code-Snippet kopiert werden kann. So könnt Ihr in Sekunden die jeweilige Schrift in den Quellcode einbinden. Trotz allem muss natürlich die Lizenz einer jeden Schrift beachtet werden.

<link href="http://kernest.com/fonts/fifteen-okay.css" media="screen" rel="stylesheet" type="text/css" />

HOW TO USE THESE FONTS FROM KERNEST
1. Paste this embed code into your website
2. Add the fonts to your CSS tags. Example:
    p {
    font-family: 'Fifteen Okay';
line-height: 140%;
    }

3. Add this link in your website's footer
&lt;a href="http://kernest.com"&gt;Fonts by Kernest&lt;/a&gt;

4. Refresh