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)
Wyjście w Chrome wygląda nagle brzydko
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!
Chrome miał kolejną aktualizację - 22.0.1229.79 – j08691
Och, wow, cholera! Czasami coś może działać tak, jakbym tego chciał. – matt