2012-09-28 15 views
6

Wcześniej miałem te same dane wyjściowe w obu przeglądarkach Webkit (Chrome & Safari), ale nagle (i nie wiem, co mogłem zmienić renderowanie w Chrome wygląda brzydko.webkit-font-smoothing: nagle różne wyniki w chrome i safari

to mój html

<li class="cat-item term term-workshops"><a href="/workshops">Workshops</a></li> 

i to jest mój css

.term a { 
    display:inline-block; 
    height:1em; 
    -webkit-font-smoothing:antialiased; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased; 
    text-rendering:optimizeLegibility; 
    font-smooth:always; 
} 

.term-workshops a { 
    text-transform:lowercase; 
    font-family:"Custom-Family", sans-serif; 
    font-size:1.4em; 
    margin-top:.1em; 
} 

Wyjście w Safari wygląda dobrze (kiedyś wyglądać tak samo w Chrome)

SAFARI

Wyjście w Chrome wygląda nagle brzydko

SAFARI

Czy jest jakiś pomysł, dlaczego może to mieć wpływ na obie przeglądarki internetowe? Wiem, że wygląda to paskudnie w Firefoksie, ponieważ nie ma opcji font-smoothing, ale powinna wyglądać tak samo w Chrome i Safari, jeśli to możliwe.

Co mogłem być w stanie zmienić w moim css, że wyjście wygląda nagle różnie? Wiem, że wyglądało to tak samo w obu przeglądarkach!

+1

Chrome miał kolejną aktualizację - 22.0.1229.79 – j08691

+1

Och, wow, cholera! Czasami coś może działać tak, jakbym tego chciał. – matt

Odpowiedz

7

https://productforums.google.com/forum/?fromgroups=#!topic/chrome/0vqp1bnkaoE

-webkit-font-wygładzanie już nie działa. Zespół Google Chrome celowo zmienił to zachowanie. Wydaje się, że wygładzanie czcionek nie zostało "poprawnie" zastosowane na OSX w poprzednich wersjach.

+1

Po prostu zostało potwierdzone, że zespół Chrome powróci do poprzedniego zachowania w nadchodzącej poprawce. http://code.google.com/p/chromium/issues/detail?id=152304 –

+0

Och, rozumiem ... Pechowo, nie wiemy kiedy! – Giona

+0

Czy jest jakaś inna "sztuczka" lub sposób na poprawienie wyglądu/renderowania czcionki? – matt

Powiązane problemy