Jak mogę poprawić wygląd czcionki w google chrome?

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.

1. Aby rozwiązać ten problem, najpierw zamknij przeglądarkę Chrome.

2. Teraz kliknij prawym przyciskiem myszy w dowolnym miejscu na pulpicie i wybierz z menu rozwijanego “Właściwości”.

3. Kliknij na zakładkę ‘Wygląd’, która znajduje się na górze nowego okna.

4. Klikamy na przycisk ‘Efekty’.

5. Druga opcja w dół powinna brzmieć: “Użyj następującej metody, aby wygładzić krawędzie czcionek ekranowych”.

6. Wybierz opcję “ClearType”.

7. 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 .

Czy masz włączoną akcelerację GPU w Google Chrome? Wpisz about:flags i poszukaj opcji GPU Accelerated Canvas 2D, wyłącz ją, jeśli jest włączona. Czcionki na niektórych stronach wydają się naprawdę poszarpane, gdy przeglądałem je z włączoną akceleracją.

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 Windows XP zmieniłem tylko opcję antyalias z “Default” na “Clear Type” w Display → Properties → Appearance → VisualEffects.

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.

1. Na pasku adresu w Chrome wpisz: chrome://flags/#directwrite
2. I włącz DirectWrite, tytuł tego ustawienia mówi Disable DirectWrite i upewnij się, że przycisk pod nim pokazuje słowo: Enable

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

Przejdź do chrome://flags/ i ustaw “LCD text antialiasing” na enabled. Uruchom ponownie przeglądarkę.