visibility: hidden ist schon ok...

angestossen von dirks tipp, habe ich folgenden artikel gefunden, der das auch aufführt: http://meiert.com/de/publications/articl...#toc-phark

anscheinend ist das eine gute möglichkeit, an anderer stelle hab ich dann gelesen, dass man (jedenfalls noch) per robots.txt die externe css vor google schützen kann.

ich mach das dann so:

1. <h1 style="background: url(typo.php?text=TITEL);">TITEL</h1>

Quelltext in Zwischenablage kopieren

in meiner externen css.

1. h1 { height: 25px; width: 123px; text-indent: -999em; } /* height + width, damit die grafik genug platz hat */

Quelltext in Zwischenablage kopieren

scheint mir der beste kompromiss zu sein um OHNE javascript, semantisch korrektes (und valides) html zu spucken.



danke!

Aus Googlesicht würde ich <h1><img src=“key“><span>Key</span></h1> empfehlen.

Aber <h1 style=“...“>Key</h1> ist natürlich schöner.

http://www.fontblog.de/neu-web-fontfonts...n#comments

Kennt Ihr, außer DMIG, noch Seiten die komplett mit den neuen Methode arbeiten? Als nicht nur in den Headlines?

praegnanz, yatil

osbow, ich habe damals für diese Last.fm Best of-Geschichte viel mit Typekit gemacht: http://www.last.fm/bestof/2009/

Cufon! The Only Way....

der Rest bringt so viele Abhängigkeiten mit sich, das früher oder später irgendwelche User auf der Strecke bleiben.

Wie schon oben erwähnt, auf Praegnanz ist das Thema schon ausführlich aufgearbeitet.

nochmal zum thema @font-face
Ich habe leider auf einer Seite mit dem FF4 fieses Fontflickering beim Seitenaufruf. Ich habe nur 2 Schriften eingebunden und die Seite ist nicht sonderlich gross. Ausserdem lade ich das css vor den JS, das bringt aber auch nix. Hat sonst noch jmnd Vorschläge zum Thema, was auch schon bei Paul Irish unter FOUT dokumentiert ist?