2017-04-11 2 views
0

Ich habe einen Fehler in Chrome auf dem Mac gefunden (wie ich weiß), bei der Verwendung benutzerdefinierte @font-face Symbol.Schriftart-Symbol fehlen einige Details, wenn Objekt/Pfad klein ist (Chrome auf dem Mac)

Wenn Objekt/Pfad ist sehr klein und einige Größe wird einige Details verpassen.

Im mit IcoMoon für meine eigene Schriftart Symbol machen

ich normal und kleines Symbol wie diese machen die Prüfung:

enter image description here

Dann versuche ich font-size maßstabs und testen Sie auf Chrome auf Mac (57.0.2987.133 (64-Bit))

Ich habe dieses Ergebnis:

enter image description here

Sie die rote einige Details siehe irgendwo

weg ist

Jeder Trick, diesen Fehler zu beheben, oder ich habe für die Updates warten?

Demo:https://jsfiddle.net/vhhk5vrg/

Antwort

0

Ich denke, es in Schriftgrößen mit dem Übergang hat zu tun, dass die kleinsten Details in Ihrem Symbol verloren gehen.

Wenn Sie nur den Status ändern und die Symbole überprüfen, sehen die Ergebnisse genauso gut aus.

Überprüfen Sie diesen Screenshot, wo ich die font-size des kleineren roten Symbols erhöht habe.

enter image description here

prüfen fiddle aktualisiert.

EDIT

Ja, es gibt einige Rendering-Problem bei font-size: 250px auf Chrome auf dem Mac es scheint. Wenn Sie jedoch in Ihren Browser zoomen, werden die Details korrekt wiedergegeben und sind sichtbar.

Check:

enter image description here

+0

Try font-size auf klein eingestellt: 250px; https://jsfiddle.net/h2ndq6r4/2/ – l2aelba

+0

Ich tat, es gibt einige Rendering-Problem. Beim Einzoomen sind die Details aber wieder sichtbar. – nashcheez

+0

Yeps :(Das ist schlecht hehe – l2aelba

Verwandte Themen