Web-Schriftart in Chrome

8

Ich habe einen Webfont, der in Firefox toll aussieht, nicht so sehr in Chrome. Ich habe versucht, mit der Eigenschaft text-rendering zu spielen, mit weniger als spektakulären Ergebnissen. Mein CSS ist ungefähr so:

%Vor%

Das Ändern von text-rendering scheint in Firefox nichts zu tun, also poste ich einen einzelnen Screenshot dafür.

Ergebnisse:

  • Firefox (a.k.a. "wie es aussehen soll")

  • Chrome - text-rendering: auto

  • Chrome - text-rendering: optimizeLegibility

  • Chrome - text-rendering: optimizeSpeed

  • Chrome - text-rendering: geometricPrecision

Alle Chrome-Screenshots sehen im Vergleich zu Firefox sehr schlecht aus. Gibt es etwas, das mir im CSS fehlt?

Ich verwende Windows 7, Firefox 8.0 und Chrome 15.0.

    
cambraca 15.12.2011, 00:26
quelle

5 Antworten

1

Es gibt wirklich nichts, was Sie tun können, um dies über CSS zu verbessern. Die Text-Rendering-Engines unterscheiden sich zwischen Firefox und Chrome und Sie sehen die Ergebnisse. Wenn die Schriftart nicht richtig angezeigt und für eine Webschrift vorbereitet wird, können Sie erwarten, dass Ergebnisse wie diese verbessert werden.

Wo wurde die Schriftart erworben?

Du kannst versuchen, FontSquirrel zu starten, um zu sehen, ob einige der automatischen Hinweise, die Ethan anbietet, dies ein wenig normalisieren könnten.

Einige zusätzliche Informationen zu Rendering und DiretWrite, die Sie als die großen Unterscheidungsmerkmale sehen ... http: //blogs.adobe.com/typblography/2010/11/microsoft-directwrite-iscoming.html

    
Brad Dunzer 15.12.2011, 00:45
quelle
3

Nicht sicher, ob Sie das sehen, aber Chrome hat ein Problem mit Anti-Aliasing- und Truetype-Schriftarten. Gemäß Ссылка können Sie stattdessen die SVG-Schriftart vor dem TrueType in Ihrer Schriftart angeben. Gesicht, zB:

%Vor%

Der größte Nachteil ist, dass Safari sowohl die SVG als auch die Woff herunterladen wird.

    
Nils 27.03.2013 16:32
quelle
2

Versuchen Sie Folgendes:

%Vor%

Die .5 ist irgendwie willkürlich - ein Pixelwert zwischen 0 und 1 ist der Schlüssel. Dies erzwingt Subpixelhinweis der Schriftart.

Eine Demo kann hier gesehen werden: Ссылка

    
Barney 24.01.2013 10:12
quelle
1

So mache ich alles und es hat auf IE, Firefox, Chrome funktioniert

%Vor%

Ich bekomme meinen Code von fontsquirrel

    
Andres 15.12.2011 00:32
quelle
0

Chrome hat in Chrome 37 angekündigt, dass sie von der Windows Graphics Device-Schnittstelle zu Microsofts DirectWrite API wechseln werden, einer Technologie, die die Darstellung von Schriften auf modernen Bildschirmen verbessert.

Die Beta ist jetzt out: Ссылка

Von Google: Ссылка

    
AirCombat 29.07.2014 10:07
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Einladung eines Game Center-Freundes zu einer Übereinstimmung programmgesteuert