Come posso migliorare l'aspetto del carattere in Google Chrome?

.

A sinistra è Firefox 4, a destra è Chrome 12. Esiste un modo per rendere i caratteri di Chrome più belli?

L'immagine sopra è stata presa su Windows XP. Di seguito è riportato un altro esempio da Windows 7.

Controlla le impostazioni ClearType: lo screenshot di Chrome sembra essere costretto a eseguire il rendering senza anti-alias. Ciò ucciderà praticamente qualsiasi tipo di carattere web, poiché non hanno suggerimenti monocromatici (per motivi di dimensioni tra le altre cose). Una volta lo vedevo segnalato come "IE rende meglio il testo", perché ignora le impostazioni ClearType a livello di sistema operativo e lo attiva per impostazione predefinita.

Tutte quelle risposte sono sbagliate! Si tratta di un grosso bug in Google Chrome, consulta la segnalazione / la discussione ufficiale dei bug, inclusi molti screenshot qui: Segnalazione ufficiale dei bug sul codice Chrome

Attualmente la soluzione migliore è semplicemente dare al tuo elemento / titolo questa semplice regola:

-webkit-text-stroke: 1px

Aggiunta dal dottor John: ho trovato un suggerimento che html { -webkit-text-stroke: 0.25px}avrebbe funzionato anche - l'ho trovato qui https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4

Chrome sta leggendo l'impostazione ClearType che su Windows XP è disattivata per impostazione predefinita.

1. Per risolvere il problema, prima chiudi il browser Chrome.

2. Ora fai clic con il pulsante destro del mouse in un punto qualsiasi del desktop e seleziona "Proprietà" dal menu a discesa.

3. Fai clic sulla scheda "Aspetto" che si trova nella parte superiore della nuova finestra.

4. E fai clic sul pulsante "Effetti".

5. La seconda opzione in basso dovrebbe leggere "Usa il seguente metodo per smussare i bordi dei caratteri dello schermo".

6. Seleziona l'opzione "ClearType".

7. Fai clic su Applica e riapri il browser Chrome.

D'ora in poi Chrome renderà i tuoi caratteri ben anti-alias per quell'effetto uniforme.

Posiziona il file SVG più in alto nella regola css font-face, ad esempio 1o o secondo:

@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;
}

Invece di:

@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;
}

Esempi di questa correzione sono disponibili qui:

Esempi
FontSpring Esempi Adtrak

L'accelerazione GPU è abilitata in Google Chrome? Digita about:flagse cerca GPU Accelerated Canvas 2D, disabilitala se abilitato. I caratteri su alcuni siti appaiono davvero frastagliati quando ho navigato con l'accelerazione abilitata.

In Google Chrome fai clic su Chiave inglese> Opzioni> Roba da smanettoni> [accanto a Contenuto Web] fai clic su Personalizza caratteri.

Modifica le tue impostazioni in modo che la tua pagina appaia come la mia

Quindi fare clic sulla x e vedere se il problema è stato risolto.

Se questo non lo risolve, potrebbe esserci un'altra cosa ... ma aspetterò fino a quando non proverai questo.

Chrome non esegue correttamente il rendering dei caratteri Web al momento. A tale scopo, esistono diversi bug nel tracker dei problemi. Si prega di contrassegnare qualsiasi punto rilevante per loro per dare loro maggiore attenzione.

Ho avuto esattamente lo stesso problema, il rendering dei caratteri web da http://www.google.com/webfonts in Chrome. Ho provato tutti i suggerimenti su questo e un paio di altri siti e nessuno di loro ha funzionato.

Alla fine ho iniziato a ispezionare le proprietà CSS del testo interessato, si è scoperto il colore del carattere effettivo che stava causando il problema. Un titolo assegnato color:#454545avrebbe un cattivo rendimento, ma lo stesso titolo dato il seguente: ha color:#333funzionato bene. Grazie a Dio per i fogli di stile specifici dell'agente utente!

In Windows XP, ho appena cambiato l'opzione anti-alias da "Predefinito" a "Cancella tipo" in
Visualizza → Proprietà → Aspetto → VisualEffects.

Chrome accetta il valore di sistema clearType per i caratteri. Un aspetto migliore in Windows 7 lo spiega. Su un Mac, suppongo che l'antialiasing sia abilitato per tutti i caratteri sopra la dimensione 8. Prova ad accendere o modificare il tipo di clear del tuo computer Windows

Aggiornamento : sembra che Chrome 22 e versioni successive ignorino le Impostazioni di sistema perclearType

Ho avuto questo problema così gravemente in Windows XP SP3 che ha reso Chrome inutilizzabile a tutti gli effetti. Ho notato che avevo installato Clear Type Tuning nel Pannello di controllo e ho provato a deselezionare "Abilita smussatura caratteri" nella scheda avanzata. Dopo aver riavviato Chrome. era ok, anche dopo aver riattivato Font Smoothing. Ho deciso di selezionare la casella "Applica tutte le impostazioni ai valori predefiniti per i nuovi utenti e il sistema".

Per me non era l'impostazione ClearType in Windows 10.1 x64, ma si è rivelata un'impostazione nel mio browser Chrome chiamata DirectWrite.

1. Nella barra degli indirizzi in Chrome digitare: chrome://flags/#directwrite
2. E attiva DirectWrite, il titolo di queste impostazioni dice Disabilita DirectWrite e assicurati che il pulsante sottostante mostri la parola: Abilita

Ciò ha risolto il problema per me.

Sembra che la risposta lunga e difficile sia che non puoi. Ci sono molte discussioni e suggerimenti nella guida di Chrome , ma non vedo nulla che valga la pena suggerire.

La grande domanda è: come fai a sembrare così cattivo ?! Sto usando Chrome per scrivere in questa casella ... Ho anche ingrandito un sacco e non vedo niente come te. Se dopo questo hai ancora domande dovresti spiegare la tua configurazione alla community.

Sebbene Chrome sia "utilizzabile" per i caratteri, sembra sottile e sbiadito dove rende particolarmente le linee diagonali. IE rende molto meglio, ma IE è un browser più lento e quindi FireFox.

Credo che questo sia inerente al codice per Chrome.

A proposito, HackToHell, dove devo andare per cambiare il colore di rendering?

Ci proverò.

premere il tasto Windows + R, quindi digitare cttune.exe lì

metodo alternativo è premere il tasto Windows quindi digitare cleartype quindi selezionare Regola testo ClearType

e segui le istruzioni, se hai ancora problemi, prova alcuni degli altri esempi

questo ha funzionato per me, devi provare i diversi esempi, è molto simile alla calibrazione del contrasto / luminosità, ma per il testo

Cordiali saluti: la disabilitazione dell'accelerazione 2d potrebbe aiutare a far funzionare Chrome con lo strumento di ottimizzazione di Windows Cleartype

Se si desidera che i caratteri Web siano leggibili mentre sono ancora disabilitati il ​​livellamento / il tipo di carattere, la soluzione è disabilitare i caratteri Web in Google Chrome. In tal caso, il browser utilizzerà i caratteri standard del sistema operativo che vengono visualizzati correttamente quando cleartype / smoothing è disabilitato. Per fare ciò, passa il /disable-remote-fontsflag a chrome.exe. Fai clic rigorosamente sul collegamento di Google Chrome sul desktop, seleziona Proprietà, vai alla scheda Collegamento e imposta Target su:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts

Potrebbe esserci un problema con i caratteri web disabilitati. Se il sito Web utilizza icone da caratteri Web, non verranno visualizzati.

Il problema corrispondente nel tracker Chromium:

"Impostazione ClearType a livello di sistema non rispettata per i caratteri web" https://code.google.com/p/chromium/issues/detail?id=319429

Vai a chrome://flags/(o about:flags) e disabilita l'opzione Sostituisci elenco rendering software .

Anche la tela 2D accelerata dovrebbe essere disabilitata.

Quella combinazione mi ha aiutato.

Vai a chrome: // flags / e imposta "Antialiasing testo LCD" su abilitato. Riavvia il browser.