Hi,

Ich bin gerade dabei eine Webseite nach den Vorstellungen eines Designers (Mac user) umzusetzen.

Da es ja im Photoshop die schönen Kantenglättungs Funktionen gibt, wurde zur Schriftart Helvetica gegriffen.
Viele Texte sind dabei in der Größe 10px-13px und bold. Das sieht in Photoshop und vermutlich auf einem Mac auch recht toll aus, jedoch auf Windowsrechnern einfach nur sch***e.
Beim testen ist mir jedoch aufgefallen, dass der Safari (Hab hier die Beta 4 installiert, wies bei den vorgängern aussieht weiß ich nicht) die Schrift doch schön sauber darstellt, im Gegensatz zu den Kollegen FF2, FF3, IE6, IE7, IE8 und Opera.

Bringt der Safari eine eigene Kantenglättung / Schriftart mit oder kann ich mit ein bisschen Trickserei auch die anderen Browser zum Korrekten Helvetica Rendern bewegen?

mfg
Edward

EDIT: Natürlich meinte ich Safari Danke für den Hinweis

PS: Bei google findet man nur Arial vs. Helvetica geflame, aber keine Lösungen

PPS: Falls gewünscht erstelle ich später noch einen Vergleich inkl. Screenshots

Du meinst Safari? Ja, bringt er. Aus dem Grund würde ich ihn nicht benutzen, diese Kantenglättung ist auf einem Röhrenmonitor unlesbar und läßt sich auch nicht abschalten.

Alle "normalen" Texte, die auf der späteren Internetseite stehen sollen, sollte man im Grafikprogramm keine Kantenglättung verwenden, da sie kein sicheres "Leistungsmerkmal" des Browsers ist. Es gibt ja in PS auch verschiedene Algorythmen zur Glättung.

Ob und in wie weit welche Browser Glättungen unterstützen, weiß ich nicht, aber ich designe Fließtext immer ohne Glättung. Wie es später in den Browsern angezeigt wird ist mir relativ egal. Darauf habe ich eh keinen Einfluss. Es variiert nunmal und damit muss man sich abfinden. Selbst wenn du für bestimmte Browser per HTML oder CSS irgendwie eine Glättung hervorrufen könntest, würde es immer Browser geben, die du nicht berücksichtigen kannst oder garnicht kennst, in denen es wieder anders aussieht.

Fazit: Greife nicht in die Leistungsmerkmale des Browsers ein

Mir war gerade langweilig, also hab ich mal nen kurzen Vergleich gemacht:

Die gute Darstellung im Safari:



vs.

"The Rest" vertreten durch Firefox:





Ja nur haste direkt erstmal den Designer am Meckern, warum das nicht so aussieht wie er es sich vorgestellt hat ^^

Ja. Und seit Safari 4 ist diese konfigurierbar.
Ich finde das wunderbar, denn damit kann man auch unter Win einen Eindruck davon bekommen, wie die Texte in etwa am Mac laufen.

Die IMHO einzige taugliche Lösung ist der Verzicht auf Helvetica. Arial ist für Bildschirmdarstellung optimiert, die Helvetica, die wir unter Windows nachinstallieren, ist für den Druck wunderbar.
Ich frage mich, wer in einer Größe von 10px am Bildschirm wirklich eine Arial von einer Helvetica unterscheiden kann...

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Abschaltbar oder nur konfigurierbar? Ich weiß jetzt nicht welche Version ich ausprobiert hatte, da war sie nur konfigurierbar und, wie gesagt, auf einem Röhrenmonitor waren damit viele Seiten unlesbar.

Dazu kommt, dass für mich eine Schriftgröße von nur 10px eine Zumutung ist

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Mit "Windows Standard" bedient sich Safari 4 der Windows-Einstellungen.

Zum Glück gibt's ja Mindestschriftgrößen.
Der Grafiker springt dann wahrscheinlich aus dem Fenster.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Wenn auf Windows überhaupt mal eine Helvetica zu finden ist, dann meistens in mieser Qualität. Unterhalb 18px kann man die nicht verwenden.

Die besseren Formen könntest du per @font-face einbinden – aber ich bezweifle, daß du dafür die Erlaubnis bekommst.

Allerdings ist auch die Arial bei 10px für mich nur eine graue(nhafte) Schleimspur …

__________________
toscho.de