Podczas używania białego tekstu na czarnym tle tekst wygląda na grubszy niż powinien wyglądać. Jego czysty tekst z css. Używam czcionki typekit.org.CSS - biały tekst na czarnym tle, wygląda nieco śmielej
Czy istnieje jakiś sposób, aby rozwiązać ten problem, czy jest to jakiś problem antyaliasingu?
Tekst jest pogrubiony, ponieważ zastosowano algorytm antyaliasingu w przeglądarce. Łatwo to zweryfikować. Rób screengrab w IE, Safari, Firefox i Chrome. Wszystkie anty-alias inaczej. Niektóre sprawiają, że tekst wygląda na grubszy niż inne. Ogólnie, im lepszy tekst wygląda czarno na białym, tym bardziej wygląda na odwrotny.
Jest pełne wyjaśnienie tutaj: http://www.lighterra.com/articles/macosxtextaabug/
To wyłączy anty-aliasing w większości przeglądarek:
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}
Tak, to działa - To naprawdę denerwujące, kiedy ludzie próbują twierdzić, że jest to złudzenie optyczne, gdy wyraźnie nie jest! – advert2013
Myślę, że wersją moz powinna być -moz-osx-font-smoothing: grayscale Zobacz [tę odpowiedź] (http://stackoverflow.com/a/17927764/896907) – josef
Hmm, wciąż mam grubsze czcionki na renderingach w chrome/okna z białym tekstem. –
Myślę, że jest to złudzenie optyczne, css jest zdefiniowane przez ciebie, jeśli nie umieściłeś reguły, która sprawia, że tekst jest pogrubiony w css, to nie może być pogrubiony.
Myślę, że to jest irytujące. – Philip
Komentując wraz z moim spadkiem, ponieważ SO sugeruje to: nie, to nie jest złudzenie optyczne. Żadna technologia w rozwoju front-end nie jest cięta i suszona w ten sposób. Wszystko, od DOM API po estetykę CSS, podlega różnym implementacjom każdej przeglądarki, a te odmiany mogą być bardzo problematyczne dla niektórych z nas. –
Nie iluzja, ale prawdziwy błąd. –
udało mi się naprawić to za pomocą:
-webkit-font-smoothing:antialiased
Źródło: this article (cached on archive.org).
Trochę za późno, ale niektórym może się przydać.
Po prostu zapamiętaj this is not recommended. O ile nie używasz MacOS i używasz jasnego tekstu na ciemnym tle.
Link nie działa. Odblokuj tutaj: https://web.archive.org/web/20131019233655/http://tanookilabs.com/your-fonts-look-bad-in-chrome-heres-the-fix – geon
Dwa zarchiwizowane wydania i 5 lat później najnowszy Chrome wciąż renderuje jasny tekst na ciemnym tle w całkowicie obrzydliwy sposób na MacOS. To tyle wkurza ... –
Nie, to złudzenie optyczne, otwórz je w programie Photoshop i odwróć kolory, wygląda tak samo. –
@BenjaminGruenbaum - Po prostu to zrobiłem i nie wygląda to tak samo. – Philip
Może nie mam już oczu artysty, ponieważ wygląda to tak samo dla mnie:/ –