Sprung zum Inhalt [S] Tastaturkürzel / Accesskeys [0]
webdesign weisshart Startseite

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zur Liste der Kategorien | zum Archiv

Dynamische Textersetzung

Donnerstag, 16. Dezember 2004

Die Seite im Stil LeonardoFü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

  1. 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

  2. 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

  3. 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

  4. @ Hubert
    …dass Umlaute und Sonderzeichen im TTF enthalten sein müssen
    dazu dieser Beitrag

    Kommentar von Fritz — Freitag, 5. August 2005 - 23:57 Uhr

  5. 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

  6. 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

  7. @ 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

  8. 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

  9. > 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

  10. 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

  11. 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

  12. 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

  13. 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

  14. @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

  15. 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

  16. 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

  17. 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

  18. @17 neovx
    vielleicht am Font?

    Kommentar von Fritz — Freitag, 8. September 2006 - 11:23 Uhr

  19. 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

  20. 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

  21. … 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

  22. 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

  23. 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

  24. @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

  25. 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

  26. 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

  27. 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

  28. 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

  29. 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

  30. 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

  31. @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

  32. 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

  33. 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

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 &lt;).


(notwendig)

(notwendig)

Spamschutz:
Je nach Inhalt wird Ihr Kommentar eventuell nicht sofort angezeigt, sondern muss manuell freigeschaltet werden.

Partnerseiten: barrierefreies WebDesign

Tastaturkürzel

zum Seitenanfang