Dynamische Textersetzung
Donnerstag, 16. Dezember 2004
Für die Überschriften im Style “Leonardo” verwende ich eine Schriftart, die sicher nicht auf Ihrem PC installiert ist.
Wie so etwas geht, beschreibt Stewart Rosenberger in einem Artikel, der bei www.alistapart.com vorgestellt wurde.
Weil ich glaube, daß es gut auf meine Seite paßt, hab ich den Artikel ins Deutsche übersetzt.
Anregungen und Kritik sind diesmal ganz besonders willkommen.
33 Kommentare
Einen Kommentar abgeben
XHTML erlaubt: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote> <code> <em> <i> <strike> <strong>
Code-Beispiele
Damit Code-Beispiele richtig angezeigt werden, müssen Sonderzeichen maskiert werden (z.B. < zu <).

Es gibt ein Nachahmer Script:
GDFont Renderer 1.7
Ich hab’s allerdings nicht getestet.
Kommentar von Fritz — Samstag, 7. Mai 2005 - 0:13 Uhr
Hallo
und vielen Dank für die Übersetzung des Artikels! Ich halte diese Technik für sehr brauchbar und mir scheint sie eine interessante Alternative zu sIFR (Scalable Inman Flash Replacement) zu sein.
Ich finde es sehr angenehm, dass es Menschen gibt, die die Motivation besitzen, derartige Artikel aus dem Englischen zu übersetzen und ich freue mich jedesmal, wenn ich einen finde!
Schöne Grüße,
Sebastian
Kommentar von Sebastian — Samstag, 25. Juni 2005 - 13:15 Uhr
Hallo,
Ich bin begeistert von dieser Lösung, vor allem weil der html-Code sehr klein und übersichtlich bleibt.
Lediglich zwei Kleinigkeiten haben mich irritiert:
Ohne die Grafik “test.png” auf dem Server geht nix und es kommt leider keine Fehlermeldung, falls sie fehlt.
Der zweite Punkt ist, dass Umlaute und Sonderzeichen im TTF enthalten sein müssen, sonst werden sie nicht dargestellt.
Das bedeutet im Klartext: es können leider nicht alle TTF dieser Welt verwendet werden.
Ich wünsche allen viel Erfolg!
Kommentar von Hubert — Freitag, 5. August 2005 - 23:46 Uhr
@ Hubert
…dass Umlaute und Sonderzeichen im TTF enthalten sein müssen
dazu dieser Beitrag
Kommentar von Fritz — Freitag, 5. August 2005 - 23:57 Uhr
hab heut’ mal den Schriftstil für Leonardo geändert. Neue Fontdatei (*.ttf) hochgeladen, und in der php Datei den Namen eingetragen - pronto.
Kommentar von Fritz — Samstag, 6. August 2005 - 15:14 Uhr
ich setze auch dieses dynamic text replacement ein, habe aber auch mit deutschen umauten probleme. allerdings nicht generell, sondern nur mit bestimmten wörtern. “Körperschutz” ist z.B. eines von diesen. versetze ich es mit weiteren buchstaben, kann es schon wieder funktionieren. um tipps bin ich dankbar!
Kommentar von Philipp — Montag, 5. September 2005 - 23:18 Uhr
@ 6 Philipp
tja, mit Deinen Angaben schwer nachvollziehbar.
Hab mal eine Testseite eingerichtet: Testseite
Dazu den Style Leonardo einstellen.
Klappt alles bestens.
Kommentar von Fritz — Dienstag, 6. September 2005 - 10:49 Uhr
Hi,
ich teste das Script grade und bin begeistert. Jedoch verstehe ich das mit dem visibility:hidden nicht. Wie mache ich die Grafik wieder sichtbar? Kann ich das irgendwo nachlesen?
Gruß
Kommentar von Jakob — Freitag, 16. September 2005 - 0:56 Uhr
> bezüglich 6. (Philipp) und 7. (Fritz)
Ich habe mittlerweile das Problem ausfindig gemacht, warum die Generierung in einem 500 Fehler endet oder die Zeichen in der Grafik absolut nicht mit dem Input-Text übereinstimmen.
In der von mir eingesetzten Version des Font-Renderer ist der PHP-Datei übergebene Text MIME-kodiert. Dadurch kann es vorkommen, dass bei bestimmten Zeichenkonstellationen (welche genau kann ich nicht sagen) Slashes im gecodeten String sind. Der Parameter, welcher den String bei der Übergabe enthält wird somit nicht vollständig identifiziert. urlencode und urldecode lösen das Problem.
Kommentar von Philipp — Montag, 3. Oktober 2005 - 20:17 Uhr
hallo,
wollte auch das dynamische text replacement einsetzten.
denke, ich habe alles so gemacht, wie angegeben!
leider kommt immer die meldung: “error - the server could not create this heading image".
- chmod der php-datei ist auf 777 gesetzt worden.
- es wird eine otf-schrift verwendet.
hat jemand eine idee?
würde gerne diese geniale möglichkeit nutzen!
mfg
newbie2004
Kommentar von newbie2004 — Freitag, 14. Oktober 2005 - 0:46 Uhr
hallo,
habe das gleiche problem wie newbie2004 (selbe fehlermeldung). ich verwende ttf-schrift, php 4.4.1, und gd 1.6.2
bitte um hilfe
danke
paul
Kommentar von paul — Sonntag, 13. November 2005 - 20:23 Uhr
hallo,
meine mail von gestern hat sich erledigt, dafür funktioniert der trick mit visibility:hidden nicht. der unformatierte text ist trotzdem vor der einblendung der bilder sichtbar. folgendes steht in der replacement.js:
replaceSelector("h3″,"http://www.neue-welt-reisen.de/scripte/heading.php",false);
var testURL = “http://www.neue-welt-reisen.de/test.png” ;
var doNotPrintImages = false;
var printerCSS = “replacement-print.css";
var hideFlicker = true;
var hideFlickerCSS = “versteckt.css";
var hideFlickerTimeout = 1;
wo ist der fehler?
paul
Kommentar von paul — Montag, 14. November 2005 - 16:08 Uhr
Wirklich tolle Sache diese Textersetzung. Funktioniert im Grunde wunderbar, nur bekomme ich auf einer Seite die Fehlermeldung: “Error: The Server is missing the specified font.” Das kann aber gar nicht sein, weil die Ersetzung im Menü auf der selben Seite funktioniert. Hier der Link zur Seite: http://rohmann.de/cms/index.php?option=com_content&task=view&id=1&Itemid=9&lang=de
Woran kann das liegen???
Kommentar von christian — Montag, 3. April 2006 - 19:11 Uhr
@13 christian
kann mich dunkel erinnern, schon mal gelesen zu haben, daß es Probleme gibt, wenn innerhalb einer <tr> umgewandelt wird. Kannst Dich ja mal durch 28 Seiten Kommentare bei http://www.alistapart.com/comments/dynatext/ durchwühlen, oder einfach das mit den <tr> testen
Kommentar von Fritz — Montag, 3. April 2006 - 20:29 Uhr
The problem we aim to fix here is encountered when the script is called by a page served up with the application/xhtml+xml MIME type (that is, in Mozilla and its derivatives, since IE simply returns text/html):
http://whaleofadive.com/misc/dtr/
Kommentar von Fritz — Montag, 5. Juni 2006 - 0:13 Uhr
hallo,
ich habe auch das “error - the server could not create this heading image"-problem.
PHP Version 4.4.2
GD Support enabled
GD Version 2.0 or higher
FreeType Support enabled
FreeType Linkage with freetype
von der seite sollte eigenlich alles ok sein.
der verwendete font ist ein schliches .ttf, chmod steht auf 777.
hat jemand eine lösung?
grüsse
peter
Kommentar von Peter — Mittwoch, 12. Juli 2006 - 16:24 Uhr
Hallo,
bei mir funktioniert der Text-Replacer ohne größere Probleme! Bin richtig begeistert von dieser Lösung! Allerdings funktioniert bei mir die Darstellung von Umlauten nicht richtig! Die Umlaute sind in der ttf bzw. otf enthalten, können allerdings nicht dargestellt werden! Komischerweise tritt das Problem nur beim Verwenden des Fonts “Frutiger55Roman” auf!
Hat hier irgendjemand vielleicht eine Idee woran das liegen könnte?
Danke schonmal & greaz
Kommentar von neovx — Freitag, 8. September 2006 - 11:00 Uhr
@17 neovx
vielleicht am Font?
Kommentar von Fritz — Freitag, 8. September 2006 - 11:23 Uhr
hab jetzt schon mehrere frutiger fonts ausprobiert! hab nun einen gefunden und überprüft: die umlaute sind 100%ig vorhanden im font!
bin ratlos
Kommentar von neovx — Freitag, 8. September 2006 - 14:06 Uhr
Funktioniert alles perfekt.
Nur leider habe ich wie einige andere auch ein Problem mit den Umlauten - Sie werden ganz einfach durch irgendwelche Sonderzeichen ersetzt.
Die Disskussionsseite des Orginalartikels bei A-List-Apart ist leider nicht zu erreichen, weiß sonst irgendwer Abhilfe?
Kommentar von Chris — Samstag, 9. September 2006 - 5:18 Uhr
… und immer wieder: Umlaute
ich kann nur wiederholen: “Grundsätzlich” geht es.
Siehe diese Testseite (dort natürlich umschalten auf den Style Leonardo)
Es scheint aber nicht mit allen Fonts zu funktionieren, obwohl die Fonts Umlaute enthalten.
Woran das liegt? Ich weiß es nicht.
Mehr als ausprobieren kann ich auch nicht empfehlen.
Post Nr. 17 von neovx scheint dies zu bestätigen
Kommentar von Fritz — Samstag, 9. September 2006 - 14:03 Uhr
Leider bringt dann das Skript nicht viel, da man in der Praxis meist auf eine bestimmte Schrift wg. der Einhaltung des Corporate Designs des Kunden angewiesen ist.
Daher leider nur bedingt praxistauglich…
Kommentar von Chris — Samstag, 9. September 2006 - 18:18 Uhr
Workaround, der bei mir funktioniert: .otf in .ttf umwandeln oder umgekehrt und fürs Skript verwenden.
Diese kleine Rechenaufgabe, die Bots an der Eingabe in dieses Kommentarfeld bewahren soll ist ja ganz nett, aber wenn mans als User vergisst, sollte beim “Zurückgehen” der Kommentar nicht gelöscht werden.
Kommentar von Chris — Samstag, 9. September 2006 - 22:10 Uhr
@chris:
!
Die Umwandlung des Fonts von ttf in otf bzw. umgekehrt ist auf jeden fall der richtige Ansatz! Hat bei mir auch so funktioniert!
Danke für die Hilfe
Kommentar von neovx — Montag, 11. September 2006 - 17:46 Uhr
Hallo. Es sieht so einfach und klasse aus. Und dann klappt’s nicht. Irgendwo habe ich einen Fehler drin und sehe ihn nicht. Die direkte Umwandlung durch AUfruf der php-Datei funktioniert. test.png ist am richtigen Platz, das Javascript wird aufgerufen… es geschieht nichts. Alle Pfade stimmen, ich kratz’ mich am Kopf. Gibt’s irgendeine Idee dazu?
Kommentar von Henning — Donnerstag, 21. Dezember 2006 - 15:57 Uhr
So, stehe auch auf dem Schlauch. Ich denke ich habe alles richtig konfiguriert und an seinem Platz. Die Seite läuft an sich fehlerfrei, nur wird eben der Text als Text und nicht durch ein Bild ersetzt angezeigt. -Woran sehe ich denn, an welcher Stelle des Skripts da Sense ist oder was genau nicht funktioniert?
Kommentar von Hessebub — Donnerstag, 11. Januar 2007 - 21:30 Uhr
Ich bekomme leider auch die Fehlermeldung “error - the server could not create this heading image” :/
Weißt jemand Abhilfe?
Kommentar von Tom — Donnerstag, 22. März 2007 - 0:35 Uhr
nein, ich kann hier keinen Support für das Script leisten. Und leider sind die Kommentare beim Originalartikel auf
http://www.alistapart.com/articles/dynatext/ auch nicht mehr erreichbar.
Dafür aber die Seite des Autors:
http://www.stewartspeak.com/projects/dtr/
Und dort gibt es auch noch einige Tipps zur Fehlersuche (allerdings in Englisch)
Kommentar von Fritz — Sonntag, 8. April 2007 - 0:04 Uhr
Wer noch immer den Error “error - the server could not create this heading image” bekommt sollte mal seine Font-datei checken. Hatte meine vom Mac hochgeldaen -> 0kb (Resourcefork Zeugs)
Nach dem umwandeln zu Windows-TTF klappte alles..
Kommentar von manumental — Donnerstag, 26. Juni 2008 - 14:52 Uhr
Das Script ist super!!! Ein problem stellte ich bisher doch fest,der Abstand des generierten Images nach oben und unten ist sehr groß,hab schon versucht über css das zu vermeiden,leider funktioniert diese Lösung nicht.Kann mir da jemand helfen?
Kommentar von Rambo — Montag, 8. Dezember 2008 - 1:16 Uhr
@Rambo
doch, doch, diese Lösung funktioniert. Abstände bestimmt man mit CSS.
Vielleicht war dein Ansatz falsch?
In diesem Fall ist die Klasse einfach .replacement.
Also
.replacement {margin:0;}
und feddisch
Kommentar von Fritz — Montag, 8. Dezember 2008 - 1:43 Uhr
Hallo!
Auch ich möchte mich für die Übersetzung ins Deutsche bedanken, nicht jeder wäre bereit sich die Mühe zu machen.
Ist doch etwas einfacher die wesentlichen Inhalte zu erfassen, zumal der Artikel sehr interessant und aufschlussreich ist.
Vielen Dank und weiter so!
Dickes Lob!
Mit besten Grüßen - Mike.
http://www.medienlab.de
Kommentar von Mike — Donnerstag, 14. Mai 2009 - 19:27 Uhr
Sorry,
aber ich schaffe es einfach nicht, Umlaute darzustellen.
Ich versuche es mit dem Ubuntu-Font, die entsprechenden Zeichen sind enthalten, aber sie werden nicht dargestellt. Auch die Testseite
http://webdesign.weisshart.de/dynatext_test.php
hilft mir nicht weiter - ich sehe nur, daß es geht,
aber warum geht’s bei mir nicht?
Wäre echt riesig nett, wenn mir da jemand helfen könnte!
Kommentar von Roland Hentschel — Sonntag, 5. September 2010 - 2:42 Uhr