Mam webfont, który wygląda niesamowicie w Firefoksie, a nie w Chrome. Próbowałem grać z właściwością text-rendering
, uzyskując mniej spektakularne wyniki. Moje CSS jest coś takiego:Czcionka internetowa w przeglądarce Chrome
@font-face {
font-family: 'TextFont';
src: url('[my font file url]') format('truetype');
font-weight: normal;
font-style: normal;
}
body {
font-family: TextFont, Tahoma, Geneva, sans-serif;
text-rendering: auto;
}
Zmiana text-rendering
wydaje się nie robić nic w Firefoksie, więc jestem delegowania jeden zrzut ekranu dla niego.
Wyniki:
Firefox (a.k.a. "co to powinno wyglądać")
Chrome -
text-rendering: auto
chromu -
text-rendering: optimizeLegibility
chromu -
text-rendering: optimizeSpeed
chromu -
text-rendering: geometricPrecision
Wszystkie zrzuty ekranu z Chrome wyglądają naprawdę źle w porównaniu do Firefoksa. Czy jest coś, czego mi brakuje w CSS?
Używam systemu Windows 7, Firefox 8.0 i Chrome 15,0.
Chrome jest straszna na renderowanie czcionek w systemie Windows, i jest to mniej lub bardziej unfixable problem (chyba że Google zdecyduje używać ClearType). Dlatego powinieneś przełączyć się na Linuksa;) – Blender
Nie mam problemu z przejściem na Linuksa, ale muszę go dobrze wyglądać wszędzie. – cambraca
Jestem sarkastycznie nastawiony do Linuksa, ale nigdy nie miałem szczęścia z niestandardowymi czcionkami w Chrome. – Blender