Perché i blocchi di codice StackOverflow sembrano terribili in Chrome 37?

16

Ho appena aggiornato Google Chrome alla versione 37 sul mio sistema Linux. Ora i blocchi di codice sono così:

inserisci qui la descrizione dell'immagine

E il testo mentre scrivo questa domanda è simile al seguente:

inserisci qui la descrizione dell'immagine

Sullo stesso sistema, la domanda con blocchi di codice sembra ok con Firefox.

Qual è il problema con i caratteri in Chrome 37?

Informazioni dettagliate

Secondo gli strumenti per sviluppatori di Google Chrome, sono state calcolate le seguenti famiglie di caratteri:

Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;

In Firefox:

Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif

linux google-chrome fonts

— Martin Thoma
fonte

Fai clic con il pulsante destro del mouse sul blocco di codice, seleziona "Ispeziona elemento", nel pannello di destra della console per sviluppatori scegli la scheda "Calcolo", scorri verso il basso e pubblica il nome del font elencato lì - esegui entrambi su Chrome e Firefox. Mi chiedo se Chrome stia scegliendo un carattere bitmap ...

— user1686

Intendevo il nome del font in fondo ; in Chrome è sotto l'etichetta "Carattere reso". Gli stili calcolati sarebbero uguali su entrambi i browser, ma il carattere effettivamente scelto potrebbe differire.

— user1686

4

Apparentemente sono passati dall'uso di un linguaggio fortemente tipizzato a un linguaggio debole.

— Daniel R Hicks,

4

@DanielRHicks: In che modo ...

— user1686

1

Questo probabilmente appartiene a meta.SO se il problema è specifico di SO o a meta.SE

— Crippledsmurf

8

Fare quanto segue:

Crea il file ~/.fonts.conf

Aggiungi il seguente testo

<match target="font" >
    <edit name="embeddedbitmap" mode="assign"><bool>false</bool></edit>
</match>

Riavvia Chrome

Fonte: https://code.google.com/p/chromium/issues/detail?id=408059

— Martin Thoma
fonte

2

Ha funzionato per me. Sebbene, il font su stackoverflow appaia decisamente diverso rispetto a prima di questo bug, ma almeno ora è leggibile.

— minismo,

Mi è successo subito dopo aver registrato il font Monaco usando Fedora 19. Questa risposta ha funzionato per me come descritto.

— Rubens Mariuzzo,

1

Nella recente distro, la creazione del file ~/.fonts.confgenererà un avviso di deprecazione . Al contrario, creare il file all'indirizzo: ~/.config/fontconfig/fonts.conf. Maggiori informazioni su: askubuntu.com/a/231274/24159

— Rubens Mariuzzo,

2

Sembra che tu stia incontrando un bug di Chrome 37 con rendering di font Linux che probabilmente è causato da loro che aggiornano il rendering in Windows. Doveva essere stato corretto prima del rilascio, secondo alcuni post lì, ma altri stanno chiaramente dicendo che non lo era. Qui vengono offerti molteplici suggerimenti per gestire questa situazione, tra cui saltare alla 38 beta o aggiornare le informazioni sui caratteri locali e modificare l'opzione di suggerimento automatico.

Ripubblicherò il loro esempio ~ / .fonts.conf, ma lo proverei solo come ultima risorsa. Prova prima la beta.

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
  <match target="font">
    <edit name="autohint"><bool>false</bool></edit>
  </match>
</fontconfig>`

— trlkly
fonte

0

Ho avuto lo stesso problema. Sistema operativo: Linux Mint 17 Cinnamon con estensioni di carattere.

Controlla lo zoom del tuo attuale display Chrome. Ridurre o aumentare lo zoom dovrebbe chiarire il rendering dei caratteri.

— Dave Burke
fonte

1

Beh ... non voglio davvero usare siti Web con lo zoom del 110%. È bello sapere, ma non una risposta.

— Martin Thoma,

0

Modifica ~ / .fonts.conf funziona per me, il mio ~ / .fonts.conf (debian Jessie, xfce4, chrome 43.0.2357.81 (64-bit)) è:

<!-- put to ~/.fonts.conf to improve chrome font rendering -->
<match target="font">
<edit name="autohint" mode="assign">
<bool>true</bool>
</edit>
<edit name="hinting" mode="assign">
<bool>true</bool>
</edit>
<edit mode="assign" name="hintstyle">
<const>hintslight</const>
</edit>
</match>

— kurtmeln
fonte

La domanda sembra riguardare la versione 37. Sai se la tua soluzione funzionerebbe con la versione 37 e la versione 43?

— Jason Aller,

Funziona sulla versione 37 per me, ma questo dovrebbe dipendere dalla piattaforma che stai usando, puoi provare queste opzioni una per una se non funziona.

— Kurtmeln,