Po lewej jest firefox 4, po prawej chrome 12. Czy jest jakiś sposób, aby chrome renderował ładniejsze czcionki?
Powyższe zdjęcie zostało zrobione na windows xp. Poniżej znajduje się inny przykład z windows 7.
Sprawdź ustawienia ClearType - zrzut ekranu Chrome wygląda jakby był zmuszony do renderowania bez antyaliasingu. To zabije prawie każdą czcionkę internetową, ponieważ nie mają one monochromatycznych podpowiedzi (między innymi ze względu na rozmiar). Kiedyś widziałem to zgłoszone jako “IE renderuje tekst lepiej”, ponieważ ignoruje ustawienia ClearType na poziomie systemu operacyjnego i włącza je domyślnie.
Wszystkie te odpowiedzi są błędne! Jest to duży błąd w Google Chrome, proszę zobaczyć oficjalny raport o błędach / wątek zawierający wiele zrzutów ekranu tutaj: Oficjalny raport o błędach w kodzie Chrome ](https://code.google.com/p/chromium/issues/detail?id=137692)
Obecnie najlepszym obejściem jest po prostu nadanie elementowi / nagłówkowi tej prostej zasady:
-webkit-text-stroke: 1px
Dodatek od dr Johna: Znalazłem sugestię, że html { -webkit-text-stroke: 0.25px} również zadziała - znalazłem ją https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4
Chrome odczytuje ustawienia ClearType, które w Windows XP są domyślnie wyłączone.
Aby rozwiązać ten problem, najpierw zamknij przeglądarkę Chrome.
Teraz kliknij prawym przyciskiem myszy w dowolnym miejscu na pulpicie i wybierz z menu rozwijanego “Właściwości”.
Kliknij na zakładkę ‘Wygląd’, która znajduje się na górze nowego okna.
Klikamy na przycisk ‘Efekty’.
Druga opcja w dół powinna brzmieć: “Użyj następującej metody, aby wygładzić krawędzie czcionek ekranowych”.
Wybierz opcję “ClearType”.
Kliknij Zastosuj i ponownie otwórz przeglądarkę Chrome.
Od tej pory Chrome będzie renderował Twoje czcionki z antyaliasingiem, aby uzyskać efekt gładkości.
Umieść plik SVG wyżej w regule font-face css, na pierwszym lub drugim miejscu, na przykład:
@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
url('fonts/gothamrnd-book-webfont.woff') format('woff'),
url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
Zamiast:
@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamrnd-book-webfont.woff') format('woff'),
url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Przykłady tej poprawki można zobaczyć tutaj: FontSpring Examples Adtrak Examples .
W Google Chrome kliknij na Klucz do klucza ™> Opcje ™> Pod maską ™> [obok Zawartość sieci] kliknij Dostosuj czcionki.
Zmień ustawienia tak, aby Twoja strona wyglądała tak jak moja
Następnie kliknij x i zobacz, czy problem został naprawiony.
Jeśli to nie rozwiąże problemu, może być jeszcze jedna rzecz… ale poczekam, aż to wypróbujesz.
Chrome przyjmuje systemową wartość clearType dla czcionek. Lepiej wygląda to w Windows 7. Na Macu Anti-aliasing jest włączony dla wszystkich czcionek powyżej rozmiaru 8, jak przypuszczam. Spróbuj włączyć lub zmienić clearType w swoim komputerze z Windows
Update : Wygląda na to, że Chrome 22 i nowsze ignorują ustawienia systemowe dla clearType.
Miałem dokładnie ten sam problem, renderując webfonty z http://www.google.com/webfonts w Chrome. Wypróbowałem wszystkie sugestie na tej i kilku innych stronach i żadna z nich nie zadziałała.
W końcu zacząłem sprawdzać właściwości CSS dotkniętego tekstu, okazało się, że to rzeczywisty kolor czcionki powodował problem. Tytuł napisany czcionką color:#454545 renderował się źle, ale ten sam tytuł napisany następująco: color:#333 działał dobrze. Dzięki Bogu za arkusze stylów specyficzne dla agenta użytkownika!
Chrome nie renderuje dobrze czcionek internetowych w tej chwili. Istnieje kilka błędów na ich issue trackerze dla tego problemu. Proszę oznaczyć gwiazdką każdy z nich, aby poświęcić im więcej uwagi.
W moim przypadku nie było to ustawienie ClearType w Windows 10.1 x64, ale okazało się, że było to ustawienie w przeglądarce Chrome o nazwie DirectWrite.
chrome://flags/#directwrite To naprawiło problem dla mnie.
Miałem ten problem tak poważny w Windows XP SP3, że sprawił, że Chrome stał się bezużyteczny dla wszystkich intencji i celów. Zauważyłem, że zainstalowałem Clear Type Tuning w Panelu sterowania i próbowałem odznaczyć “Włącz wygładzanie czcionek” w zakładce zaawansowane. Po ponownym uruchomieniu Chrome. było ok, nawet po ponownym włączeniu Wygładzania czcionek. Postanowiłem zaznaczyć pole “Zastosuj wszystkie ustawienia do domyślnych dla nowych użytkowników i systemu”.
Przejdź do chrome://flags/ (lub about:flags) i wyłącz opcję Override software rendering list.
Accelerated 2D canvas również powinno być wyłączone.
Ta kombinacja mi pomogła.
wciśnij klawisz windows + r następnie wpisz tam cttune.exe
alternatywną metodą jest wciśnięcie klawisza windows i wpisanie cleartype następnie wybranie Adjust ClearType Text
i postępuj zgodnie z instrukcjami, jeśli nadal masz problemy spróbuj innych przykładów
to zadziałało dla mnie, musisz spróbować różnych przykładów, to tak jak kalibracja kontrastu/jasności ale dla tekstu zamiast tego
FYI: wyłączenie akceleracji 2d może pomóc w uzyskaniu chrome do gry z windowsowym narzędziem do dostrajania cleartype
Wygląda na to, że długa i trudna odpowiedź brzmi: nie możesz. Jest mnóstwo dyskusji i sugestii w pomocy Chrome , ale nie widzę nic wartego zasugerowania.
Ważnym pytaniem jest, jak to robisz, że wygląda to tak źle? Używam Chrome do wpisywania w tym polu… Nawet powiększyłem całą grupę i nie widzę nic takiego jak ty. Jeśli nadal masz pytania po tym, powinieneś wyjaśnić swoją konfigurację społeczności.
Chociaż Chrome jest “używalny” dla czcionek, wygląda na cienki i wyprany, gdzie renderuje linie ukośne szczególnie. IE renderuje znacznie lepiej, ale IE jest wolniejszą przeglądarką i tak samo FireFox.
Wierzę, że jest to nieodłączny element kodu dla chrome.
BTW, HackToHell, gdzie mogę zmienić kolor renderowania?
Spróbuję tego.
Jeśli chcesz, aby czcionki internetowe były czytelne, a jednocześnie masz wyłączone wygładzanie czcionek/cleartype, to rozwiązaniem jest wyłączenie czcionek internetowych w Google Chrome. W takim przypadku przeglądarka użyje standardowych czcionek systemu operacyjnego, które są renderowane poprawnie po wyłączeniu wygładzania. Aby to zrobić należy przekazać flagę /disable-remote-fonts do chrome.exe. Kliknij na skrót do Google Chrome na pulpicie, wybierz Właściwości, przejdź do zakładki Skrót i ustaw Cel na:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts
Może wystąpić jeden problem z wyłączonymi czcionkami webowymi. Jeśli strona używa ikon z czcionek internetowych, to nie będą one wyświetlane.
Odpowiedni błąd w Chromium tracker:
“System-wide ClearType setting not respected for web fonts https://code.google.com/p/chromium/issues/detail?id=319429