@Font-Face und Opera, Chrome | Schrift verschwommen?

[onpoint]

Hallo Leute

Ich hätte da eine kleine Frage.

Es geht um folgende Webseite, die ich gerade am umsetzen bin:



ich habe fonts via @font-face eingebunden. Jetzt meine Frage:

Warum werden die Schriftarten Im Opera & Chrome sehr viel undeutlicher angezeigt als im Firefox?

Der Firefox Browser stellt sie richtig schön dar..bei den anderen sind sie dicker..verschwommener....wie kann das sein? Existiert diesbezüglich eine Lösung?

Ich wäre dankbar für jede Hilfe!

Viele Grüße

 

[Master-B]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Ich kann keinen Unterschied feststellen?! Wenn überhaupt gibt es Minimale im Text ->
GEPOSTET VON DANIELE DE ROSA AM

Getestet mit FF, Chrome und Opera.

 

[onpoint]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Echt ? Ist ja seltsam..

Ich hab hier mal Screens gemacht:



So siehts bei mir aus!

Auch die Zeilenabstände setzt er komischerweise anders..

 

[Myhar]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Bei mir gibt es auch keine Unterschiede. Lediglich im Chrome sieht die rechte Spalte ein wenig anders aus (da ist der Abstand zwischen Überschrift + Text ein paar pixel unterschiedlich)
Hast du die aktuellsten Browserversionen installiert?
Untersuche die betreffenden Elemente einfach mal mit Firebug bzw. in Opera mit Dragonfly und analysiere die für das Element berechneten Werte. Gibt es dort Unterschiede?

 

[onpoint]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Ich konnte feststellen, dass der Wert bei "font-weight" unterschiedlich war!

In der Navi betrug dieser "Regular", bei den Überschriften 700 (!).

Aus diesem Grund hat Opera und Chrome die Schrift viel zu dick angezeigt. Ich hab diesen Wert auf 400 runtergeschraubt und jetzt sieht es ok aus! Bei mir jedenfalls! Wie ist es bei euch?

 

[patrick_l]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Neben der unterschiedlichen Darstellung würde ich mir auch vom Aufbau her mal Gedanken machen. Vor allem was die zweite Navigation oben bzw. dessen semantischen Aufbau angeht. Das ganze wird mit einer unsortierten Liste (<ul>) umgesetzt, nicht wie bei dir unnötigen divs

Grüße Patrick

 

[onpoint]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Neben der unterschiedlichen Darstellung würde ich mir auch vom Aufbau her mal Gedanken machen. Vor allem was die zweite Navigation oben bzw. dessen semantischen Aufbau angeht. Das ganze wird mit einer unsortierten Liste (<ul>) umgesetzt, nicht wie bei dir unnötigen divs

Grüße Patrick

Hallo DerOtto,

der umsetzungstechnische Aufbau wird noch geändert. Ich musste heute Morgen die Oberfläche präsentieren und hatte die Nacht ein paar Stunden um das ganze umzusetzen. da war die Perfektion des Codes erstmal zweitrangig

Wenn man genau hinschaut sind die Subnavis im Footer auch in keiner ungeordneten Liste. (Da war ich froh endlich fertig zu sein und schlafen zu gehn.) Anders sieht es logischerweise bei der ersten Navigation aus. Da wurde alles noch mit Listen gemacht

Wird also definitiv noch geändert.
Gibt es außer den Aspekten mit den Listen noch etwas, was nicht sehr sauber gemacht wurde? Mit der unterschiedlichen Darstellung bist du bei der Schrift?

Viele Grüße

 

[patrick_l]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Mit unterschiedlicher Darstellung meinte ich jetzt die Schrift. Noch ein paar Dinge zur Seite. Sie braucht doch recht lange beim laden. Vor allem die Hintergrundgrafik. Im FF 11 geht es noch nur im Chrom dauert es etwas länger.

Du solltest den Bilder keine ID sondern eine Klasse verpassen. Auch würde ich bei der Schrift mehr Zwischenraum schaffen. So wären die Inhalte doch schwer lesbar. Aus deinen Stylesheets werde ich auch nicht so schlau. Soll nachher ein CSS-Wechsel möglich sein. Also eine andere Ansicht? oder warum hast du mehre CSS im Head.

Grüße Patrick

 

[onpoint]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Hallo Patrick,

bezüglich der CSS Verknüpfungen im Header:

Zur Seite im allgemeinen verlinke ich da auf lediglich eine CSS, und zwar ist das die "style.css".

Die andern CSS Dateien betreffen den Nivoslider und die Fancybox.

Für die Fließtexte werde ich wohl eine andere Schrift verwenden, da ich eben bemerkte, dass diese garkeine Umlaute unterstützt! :/

Viele Grüße

 

[Myhar]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Wenn du wirklich auf unsaubere Umsetzung hingewiesen werden willst:
Du ladest 3 verschiedene Skins für den nivo-slider, da reicht einer. Auch kanst du deine CSS Files zusammenfassen.
Des Weiteren verwendet man keine Bilder um zB einen Rahmen zu erstellen, das wird mittels CSS gelöst. Auch bei der Navigation gibt es keinen Grund, Bilder zu verwenden.

Und: Das erste, was man im deutschsprachigen Raum bei einer Schrift machen muss, ist, zu schauen, ob auch alle (Sonder)zeichen existieren.

 

[unnamed]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

hallo,

wie kann man den Wert von 700 auf 400 ändern.
Wo finde ich die Einstellung dafür?
Verzweifle förmlich, dass bei Firefox eine andere Schriftart angezeigt als bei Chrome und Opera. Nutze die Schriftart "Tahoma".

Gruß

 

[onpoint]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Das ist die CSS-Anweisung "font-weight".

Beispiel:

p {
font-family:Arial;
font-size:12px;
font-weight:300;
}

 

[unnamed]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

ich finde die Anweisung nirgends in der style.css.
Das Prob ist, mein Firefox zeigt alles schön an.
Opera und Chrome dagegen zeigen es irgendwie fett an.
Wenn ich bei Opera das Element untersuche zeigt mir genau das an:
font-weight: 700.
Aber das habe ich nirgends eingestellt oder so. Ich habe auch kein Plan mehr was ich machen kann damit es läuft.

Gruß
Timo

 

[simonpicos]

AW: @Font-Face und Opera, Chrome | Schrift verschwommen?

Dann musst du diese Eigenschaft natürlich erstellen!