2013-03-03 16 views
10

Korzystając z Google WebFonts ("Oswald" w tym przypadku), stwierdziłem, że moje czcionki są renderowane odważniej niż powinny. Mam rozwiązać ten problem w przeglądarkach WebKit z użyciem:Wygładzanie czcionek w Firefoksie

-webkit-font-smoothing: antialiased; 

ale Firefox nie może odnaleźć deklarację, która kontroluje tego. Słyszałem o użyciu haka, aby to naprawić, ale wolałbym tego nie używać, ponieważ niewątpliwie zmieni on geometryczne właściwości czcionek.

Oto jak to wygląda w WebKit (chrom):

Chrome looks good

Jest to blokowe straszne renderowania dzięki Firefox:

Firefox ugly

wiem, że jest to sposób osiągnąć to w FireFox, ponieważ znalazłem tę czcionkę na stronie font-combinator.com, a ona poprawnie renderuje kombinator czcionek za pomocą przeglądarki Firefox. Oto jak to wygląda na Firefox poprzez font-combinator.com:

on Font-combinator.com using firefox

Po przeglądania css użyte do wygenerowania font-COMBINATOR, znalazłem tę deklarację: text-rendering: optimizelegibility;, ale to nie działa, gdy stosowane do mojego żywiołu.

Próbowałem również:

text-rendering: optimizeLegibility; 
text-rendering: geometricPrecision; 
font-smooth: always; 
font-smooth: never; 
font-smoothing: antialiased; 
-moz-font-smoothing: antialiased; 

Jak mogę dostać moje Firefox Wygładzanie czcionek tak, że wyglądają dobrze, gdy na wyświetlaczu? Czy możesz znaleźć deklarację lub kombinację deklaracji, która sprawia, że ​​są poprawnie wyświetlane na stronie www.font-combinator.com?

Używam stosunkowo starej wersji FireFox (16.0.2), ponieważ na tym komputerze zainstalowano starą wersję systemu OSX.

+0

nie wygląda renderowania problemu, jesteś deklarowania grubość czcionki? –

+0

'body {font-weight: normal; } 'Dzięki za wszelkie pomysły. –

+0

Czy możesz wkleić deklarację czcionki? –

Odpowiedz

1

Czy próbowałeś zadeklarować liczbową czcionkę zamiast zwykłego lub "pogrubionego"? Istnieje wiele różnic w renderowaniu webfontów w różnych przeglądarkach.

Spróbuj ustawić {grubość czcionki: 400;} dla tekstu zwykłego i {grubość czcionki: 700;} dla pogrubienia.

35

To jest tylko Firefox na OSX problemem ...

po prostu odpowiedział na to pytanie: How to antialias SVG text in Firefox z możliwych rozwiązań tworząc swój problem.

Myślę, że można użyć następujący atrybut:

-moz-osx-font-smoothing: grayscale; 

ten zostanie zwolniony z Firefoksem 25 (a nightly build można znaleźć w http://nightly.mozilla.org/)

+0

Święty strzelać! To działa! –

+3

Proszę się różnić. Otrzymuję ten problem w systemie Windows 7 tylko na Firefoxie (domyślnie Chrome i IE są gładkie, nie musiałem nic robić). Używam rodziny czcionek: Bitter, Georgia, serif – goamn