Bewertung: 0 / 5

Stern inaktivStern inaktivStern inaktivStern inaktivStern inaktiv
 

Mit Typeface.js kann jede beliebige Schriftart in eine Webseite eingebunden werden und dabei spielt es überhaupt keine Rolle mehr ob der Besucher diese Schrift auf seinem Rechner zu Hause installiert hat.

So funktioniert Typeface.js:

Die Schrift(en) konvertieren die man einbinden möchte. Dazu besucht man den Font Converter, lädt seine Wunschschriften hoch und speichert die neuen Fonts auf der Festplatte.

Nun lädt man die Typface.js Library runter und lädt sie in das entsprechende Homepage Verzeichnis. Jetzt braucht man den konvertierten Font und die Typeface.js nur noch in seiner Homepage aufzurufen und die gewünschte Schrift wird dargestellt. Hier der Beispielcode dafür:

 

<html>
<head>

<!– load any external stylesheets first –>

<link rel=”stylesheet” type=”text/css” ref=”/style.css”>

<!– then load the typeface.js library and typeface.js fonts –>

<script type=”text/javascript” src=”typeface-0.10.js”></script>
<script type=”text/javascript” src=”helvetiker_regular.typeface.js”></script>
</head>

<body>

<!– go ahead and specify typeface.js fonts with CSS –>

<div class=”myclass typeface-js” style=”font-family: Helvetiker”>
Text here in Helvetiker font…
</div>
</body>
</html>

Einen kleinen Haken habe ich aber dennoch entdecken können. Macintosh User können die Schriften online auf der Homepage des Autors leider nicht konvertieren. Das Konvertieren funktioniert momentan nicht unter MAC OSX, allerdings sehr gut unter Windows XP. Die Schriften die ich konvertiert habe werden sehr schön dargestellt, ich habe das natürlich mit einem Grunge Font getestet.

Anderer Ansatz, leider wenig kompartibel :

@font-face {
font-family: MyriadPro; /* no quotes! */
src: url('fonts/myriadpro-regular-webfont.eot');
src: local('?'), url('fonts/myriadpro-regular-webfont.woff') format('woff'), url('fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('fonts/myriadpro-regular-webfont.svg#webfontFQGeCYfO') format('svg');
font-weight: normal; font-style: normal;
}

Weiterführende Links:

http://typeface.neocracy.org/fonts.html

http://blog.netthinks.com/cufon-schrifteinbindung-fuer-alle-browser/

Joomla 3.8 wurde veröffentlicht und brin…

Joomla 3.8 Veröffentlicht

Das neue Joomla Routing System Mit Joomla 3.8 wird ein neues Routing-System eingeführt, das mehr Kontrolle über die URL-Struktur gibt. Damit ist es nun endlich möglich, IDs aus den URLs zu...

Read more

Joomla 3.7 wurde veröffentlicht

Joomla 37 Update

Am 25. April wurde die neuste Version des beliebten CMS Joomla veröffentlicht. Lang erwartet wurden die mehr als 700 Verbesserungen und 1300 Änderungen am System.

Read more

Joomla $nsvilbn Hack

Joomla Wordpress Hacked

Auf ein paar Webseiten unserer Kunden ist ein neuer Hack ähnlich dem base64_decode Hack aufgetaucht. Auch dieser scheint sich über eine eingeschleuste Datei auf dem gesamten Webspace zu verbreiten. In...

Read more

Joomla Update 3.6.1 veröffentlicht

Joomla 3.6.1 Update

Nicht lang nach der Veröffentlichung des großen Updates auf Joomla 3.6 erschien heute das kleine Update auf Joomla 3.6.1. Neben zahlreichen BugFixes schließt es aber auch ein paar Sicherheitslücken.

Read more

Joomla 3.6 kommt mit Neuerungen in Backe…

Joomla 3.6 Update

Das neue Joomla 3.6 wurde heute veröffentlicht und bietet einige neue Features für das Backend. So bringt Joomla einige Verbesserungen für die Verwaltung und User-Experience.

Read more

Joomla 3.5.1 Bugfix veröffentlicht

Joomla Bugfix

Knapp zwei Wochen nach Veröffentlichung der neuen Joomla Version 3.5 erscheint ein Bugfix Release.

Read more

Joomla 3.5 ist verfügbar

Joomla 3.5 Update veröffentlicht

Nun ist es soweit – Joomla 3.5 ist veröffentlicht worden. Eine Revolution ist es nicht, bringt aber doch einige Verbesserungen und neue Features mit. Beim Aktualisieren ist jedoch Vorsicht geboten...

Read more

Updates und Bug fixes für Wordpress 4 un…

Joomla 3 Updates Wordpress 4 Updates

Nachdem im Update-Wahnsinn nun etwas Ruhe eingekehrt ist, möchten wir etwas Licht ins Dunkle bringen – was war da eigentlich los bei Joomla? Update nach Update nach Update?!?

Read more

Update für Wordpress und Joomla veröffen…

Joomla und Wordpress Update veröffentlicht

Joomla 3.4.6 und 3.5 Beta Heute wurde ein wichtiges Sicherheitsupdate für Joomla 3.4 veröffentlicht. Dabei können Angreifer dem System Code unterjubeln und diesen ausführen. Das Joomla-Team stuft den Schwergrad der Lücke...

Read more