[gelöst] Schrift richtig importieren
Eingetragen von 2Be (361)am 07.02.2011 - 14:31 Uhr in
Hallo Forum,
Ich benutze das Layout Framework zen 2.0 und möchte für den Slogan in meinem Projekt eine markante Schreibschrift verwenden. Da dies außerhalb des Standards liegt, importiere ich die Schrift 'Journal'. Diese liegt auch auf dem Server und der Import klappt auch. Jedoch wird der Slogan zunächst in einer anderen Schrift gerendert und dann in der Schritart 'Journal' dargstellt. Dies erzeugt einen unangenehmen Sprungeffekt.
Die Schrift importiere ich in der page.tpl.php um sie möglichst früh zu laden, doch scheint es so, als wäre dies noch zu spät. Liegt es an der Position, an der die Schrift eingebunden wird? Oder mache ich grundsätzlich mit dem Import etwas falsch. Für den Import verwende ich folgenden Code
<style type="text/css">
@font-face {
src: url('../images/JOURNAL.TTF');
font-family: 'Journal';
}
</style>Der Import selbst erfolgt vor dem Aufruf
<?php print $styles; ?>
Ich sage schon mal danke fürs Leben
Gruß
2be
- Anmelden oder Registrieren um Kommentare zu schreiben
Hi! Mit diesen
am 07.02.2011 - 18:18 Uhr
Hi!
Mit diesen Import-Funktionen kenne ich mich nicht aus. Ich benutze mit Zen allerdings das Modul http://drupal.org/project/signwriter
Das ist äußerst komfortabel und sollte Dein Problem einfach lösen können.
Sieht gut aus!
am 07.02.2011 - 18:38 Uhr
Hab das Teil mal installiert - sieht richtig gut aus! Doch da muss ich jetzt mal durchsteigen. Verstehe ich das richtig, das die Schrift in ein Image gewandelt wird? Wenn ja, dann wäre das aus SEO-Sicht und auch aus Sicht der Barrierefreiheit (Änderbarkeit der Schriftgröße, Vorlesen durch Screenreader) für den Slogan einer Website nicht gerade prickelnd. Doch den Tipp merke ich mir auf jeden Fall, das ist für viele unkritische Anwendungszwecke eine sehr gute Lösung - danke schön!
Gruß
2be
Das mit dem Import schaffen
am 07.02.2011 - 19:43 Uhr
Das mit dem Import schaffen die Browser noch nicht korrekt!
Es gibt noch einige andere Module als Signwriter. http://drupal.org/project/cufon
Da mußt du die Schrift aber vorher rendern lassen.
Soweit ich weiss, wird bei
am 07.02.2011 - 21:17 Uhr
Soweit ich weiss, wird bei signwriter zwar der text durch ein gerendertes Bild ersetzt, der Text selbst wird aber nur mit CSS technik überschrieben. D.h. er ist auch weiterhin für Screenreader zu lesen. Nur das mit der Skalierung könnte schwierig sein.
Caching greift nun
am 10.02.2011 - 08:09 Uhr
Nach nunmehr zwei Tagen greift das Caching der Site und die Schrift springt nicht mehr. Damit habe ich meine Qualitätsansprüche an die Barriearmut erfüllt :-) Ich muss dazu sagen, das dieses doppelte Rendern der Schrift schon bei anderen Rechnern vorher nicht mehr auftrat. Meine "Tester" hatten diesen Effekt nach einem Tag nicht mehr bemerkt. Da hat wohl mein Browser ein zu gutes Gedächtnis gehabt Browsercache ist zwar auf 0 gesetzt, aber irgendwie hat er es wohl noch woanders abgespeichert. Egal, es funktioniert nun fehlerfrei nach meinen Vorstellungen.
Danke nochmal für die schnellen Antworten und die guten Hilfestellungen, war sehr hilfreich.
Liebe Grüße
2be