[Erledigt] Unterschiedliches Rendering bei Webfont

McSodbrenner · 19.01.2012, 17:37

Hallo,

mein Kollege und ich kriegen verschiedene Darstellungen dieses Quellcodes (siehe unten). Beide Firefox 9.0.1 auf Windows 7. Bei mir sieht die Darstellung wie im angehängten Bild aus, bei meinem Kollegen wird die fette Schrift ohne Vesatz dargestellt.

Wie siehts bei euch aus?
Kennt jemand das Problem?

Viele Grüße,
Christoph

Code:

<!doctype html>

<html>
<head>
	<meta charset="utf-8">	
	<title>Test</title>

	<link href="http://fonts.googleapis.com/css?family=Vollkorn:400,700" rel="stylesheet">
</head>
<body>

<h1 style="font: normal 60px/60px 'Vollkorn', serif; border: 1px solid #c00;">ABC</h1>
<h1 style="font: bold 60px/60px 'Vollkorn', serif; border: 1px solid #c00;">ABC</h1>

</body>
</html>

nikosch · 19.01.2012, 18:19

Zitat:

bei meinem Kollegen wird die fette Schrift ohne Vesatz dargestellt.

Bei mir auch. User-Stylesheet? Stylish? Zoomlevel? CSS-Reset? Firebug-CSS-Rendering mal verglichen?

McSodbrenner · 19.01.2012, 18:27

Hab noch ein paar andere Kollegen involviert. Bei manchen ists falsch, bei manchen richtig.

Wir konnten das Problem gerade beheben, indem wir die TTFs heruntergeladen und die Schriften per FontSquirrel selbst erzeugt haben. Jetzt ist alles überall richtig. Google hat uns entweder unterschiedliche Schriften oder leicht kaputte geliefert, oder es gibt irgendwo einen Mini-Unterschied bei unseren Systemen.

Der Vollständigkeit halber:

Keine User-Stylesheet jeglicher Art verwendet
Als erstes Strg+0 gedrückt
Firebug zeigt gleiche Styles an
ClearType war bei uns beiden einmal aus und an, hat aber auch keine Änderung gebracht

Jetzt scheint es aber zu gehen. Danke.
Ist auch wieder typisch. Da sucht man stundenlang einen Ausweg, postet dann im Forum und im gleichen Atemzug kommt dann jemand mit der Lösung um die Ecke.

Danke und Gruß,
Christoph

dsentker · 19.01.2012, 19:16

Hm. Trotzdem seltsam. Warum sollte Google zwei verschiedene Fonts ausliefern, wenn doch nur eine angefragt war? Evntl. mal den Cache gelöscht?

McSodbrenner · 19.01.2012, 19:37

Ja, Cache hatten wir gelöscht.
Und seltsamerweise hatten die anderen Kollegen ja verschiedene Ergebnisse, und die hatten diese Schrift - schätze ich mal - noch nie geladen.

Ich tippe ein bisschen auf OS-eigene Einstellungen, was das Rendern von Schriften angeht. Da scheint es (nach einigem Googlen) ja so einige Probleme gerade unter Windows zu geben.

dsentker · 20.01.2012, 00:01

Ich dachte, beide nutzen Win7. Unterschiedliche Ausführungen? Ein PC auf nem aktuelleren Update-Stand als der andere? Wie gesagt, ich kann mir nicht vorstellen dass der Fehler bei Google liegt.

McSodbrenner · 20.01.2012, 13:52

Zitat:

Zitat von dsentker

Ich dachte, beide nutzen Win7. Unterschiedliche Ausführungen? Ein PC auf nem aktuelleren Update-Stand als der andere? Wie gesagt, ich kann mir nicht vorstellen dass der Fehler bei Google liegt.

Ich dachte, unterschiedliche Einstellungen, was die Engine zum Rendern angeht. Also irgendwelche Einstellungen für Anti-Alias usw.
Was normale Windows-Updates angeht, sollten wir alle ja auf dem gleichen Stand sein. Hier stellt keiner die automatischen Updates ab.

tr0y · 21.01.2012, 14:46

Haben du und deine kollegen alle ClearType an / nicht an ?

Desktop -> Anpassen -> Anzeige -> ClearType-Eigenschaften

Edit: oh sehs, hattet ihr schon probiert,..

Manko10 · 21.01.2012, 15:18

Zitat:

Wir konnten das Problem gerade beheben, indem wir die TTFs heruntergeladen und die Schriften per FontSquirrel selbst erzeugt haben. Jetzt ist alles überall richtig. Google hat uns entweder unterschiedliche Schriften oder leicht kaputte geliefert, oder es gibt irgendwo einen Mini-Unterschied bei unseren Systemen.

Könnte am Hinting gelegen haben. Google sollte zwar jeweils dasselbe WOFF ausliefern, wenn ihr alle denselben Browser verwendet, aber das Rendering der Fonts kann sich von System zu System unterscheiden, manchmal extrem.
Ich hatte letztens ein ähnliches Problem. Auf meinem Linux-System sah die Schrift wunderbar aus (wobei ich schon gemerkt habe, dass sich Firefox beim Rotieren der Schrift per CSS etwas schwer getan hat), auf einem anderen Linux-System, war die schon etwas verzerrt und auf sämtlichen Windows-Systemen sah sie dann aus als hätte sich da jemand Besessenes mit den Photoshop-Schmierfinger- und Eraser-Werkzeugen ausgetobt.
Das erneute Herunterladen von MyFonts mit der Hinting-Einstellung "Native" statt "Best" hat das Problem behoben. Eine Erzeugung der Webont-Dateien mittels des Font-Squirrel-Generators mit aktiviertem Hinting führte zum selben Ergebnis.

dsentker · 21.01.2012, 15:23

Okay, du redest jetzt von unterschiedlichen Linuxsystemen. Da wäre die Symptomatik u.U. verständlich. Laut TE ist hier aber
- das gleiche Betriebssystem
- auf dem gleichen Update-Stand
- der gleiche Browser
- mit der gleichen Softwareversion
- die gleichen Fonteinstellung des Betriebssystems
- leerer Cache
= Identische Rahmenbedingungen

Das einzige, was mir noch einfällt, wäre das Aliasing der Grafikkarte, sofern diese auch das Font-Rendering übernimmt (AFAIK übernimmt das aber das Betriebssystem mit Softwaremitteln)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Gleiches Select aber unterschiedliches Ergebnis		Datenbanken	6	05.11.2005 14:13
Unterschiedliches Verhalten von "=" bei vars,objek		PHP Tipps 2005-2	5	17.06.2005 16:35

19.01.2012, 17:37
McSodbrenner Erfahrener Benutzer Registriert seit: 28.11.2008 Beiträge: 160 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Unterschiedliches Rendering bei Webfont Hallo, mein Kollege und ich kriegen verschiedene Darstellungen dieses Quellcodes (siehe unten). Beide Firefox 9.0.1 auf Windows 7. Bei mir sieht die Darstellung wie im angehängten Bild aus, bei meinem Kollegen wird die fette Schrift ohne Vesatz dargestellt. Wie siehts bei euch aus? Kennt jemand das Problem? Viele Grüße, Christoph Code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Test</title> <link href="http://fonts.googleapis.com/css?family=Vollkorn:400,700" rel="stylesheet"> </head> <body> <h1 style="font: normal 60px/60px 'Vollkorn', serif; border: 1px solid #c00;">ABC</h1> <h1 style="font: bold 60px/60px 'Vollkorn', serif; border: 1px solid #c00;">ABC</h1> </body> </html> Miniaturansicht angehängter Grafiken __________________ http://mcsodbrenner.blogspot.com/ Serpent PHP Template Engine: http://code.google.com/p/serpent-php-template-engine/


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

19.01.2012, 18:27
McSodbrenner Erfahrener Benutzer Registriert seit: 28.11.2008 Beiträge: 160 PHP-Kenntnisse: Fortgeschritten	Hab noch ein paar andere Kollegen involviert. Bei manchen ists falsch, bei manchen richtig. Wir konnten das Problem gerade beheben, indem wir die TTFs heruntergeladen und die Schriften per FontSquirrel selbst erzeugt haben. Jetzt ist alles überall richtig. Google hat uns entweder unterschiedliche Schriften oder leicht kaputte geliefert, oder es gibt irgendwo einen Mini-Unterschied bei unseren Systemen. Der Vollständigkeit halber: Keine User-Stylesheet jeglicher Art verwendet Als erstes Strg+0 gedrückt Firebug zeigt gleiche Styles an ClearType war bei uns beiden einmal aus und an, hat aber auch keine Änderung gebracht Jetzt scheint es aber zu gehen. Danke. Ist auch wieder typisch. Da sucht man stundenlang einen Ausweg, postet dann im Forum und im gleichen Atemzug kommt dann jemand mit der Lösung um die Ecke. Danke und Gruß, Christoph __________________ http://mcsodbrenner.blogspot.com/ Serpent PHP Template Engine: http://code.google.com/p/serpent-php-template-engine/

19.01.2012, 19:16
dsentker Erfahrener Benutzer Registriert seit: 26.11.2008 Beiträge: 264	Hm. Trotzdem seltsam. Warum sollte Google zwei verschiedene Fonts ausliefern, wenn doch nur eine angefragt war? Evntl. mal den Cache gelöscht? __________________

19.01.2012, 19:37
McSodbrenner Erfahrener Benutzer Registriert seit: 28.11.2008 Beiträge: 160 PHP-Kenntnisse: Fortgeschritten	Ja, Cache hatten wir gelöscht. Und seltsamerweise hatten die anderen Kollegen ja verschiedene Ergebnisse, und die hatten diese Schrift - schätze ich mal - noch nie geladen. Ich tippe ein bisschen auf OS-eigene Einstellungen, was das Rendern von Schriften angeht. Da scheint es (nach einigem Googlen) ja so einige Probleme gerade unter Windows zu geben. __________________ http://mcsodbrenner.blogspot.com/ Serpent PHP Template Engine: http://code.google.com/p/serpent-php-template-engine/

20.01.2012, 00:01
dsentker Erfahrener Benutzer Registriert seit: 26.11.2008 Beiträge: 264	Ich dachte, beide nutzen Win7. Unterschiedliche Ausführungen? Ein PC auf nem aktuelleren Update-Stand als der andere? Wie gesagt, ich kann mir nicht vorstellen dass der Fehler bei Google liegt. __________________

21.01.2012, 14:46
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Haben du und deine kollegen alle ClearType an / nicht an ? Desktop -> Anpassen -> Anzeige -> ClearType-Eigenschaften Edit: oh sehs, hattet ihr schon probiert,.. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr. Geändert von tr0y (21.01.2012 um 15:25 Uhr).

21.01.2012, 15:23
dsentker Erfahrener Benutzer Registriert seit: 26.11.2008 Beiträge: 264	Okay, du redest jetzt von unterschiedlichen Linuxsystemen. Da wäre die Symptomatik u.U. verständlich. Laut TE ist hier aber - das gleiche Betriebssystem - auf dem gleichen Update-Stand - der gleiche Browser - mit der gleichen Softwareversion - die gleichen Fonteinstellung des Betriebssystems - leerer Cache = Identische Rahmenbedingungen Das einzige, was mir noch einfällt, wäre das Aliasing der Grafikkarte, sofern diese auch das Font-Rendering übernimmt (AFAIK übernimmt das aber das Betriebssystem mit Softwaremitteln) __________________