왜 StackOverflow 코드 블록이 Chrome 37에서 끔찍하게 보입니까?


16

필자는 Linux 시스템에서 Chrome을 버전 37로 업데이트했습니다. 이제 코드 블록은 다음과 같습니다.

enter image description here

그리고이 질문을 쓰는 동안 텍스트는 다음과 같이 보입니다.

enter image description here

동일한 시스템에서, 코드 블록에 관한 질문 Firefox에서는 괜찮아 보입니다.

Chrome 37의 글꼴 문제는 무엇입니까?

자세한 정보

Google 크롬 개발자 도구에 따르면 다음 글꼴 군이 계산되었습니다.

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

Firefox의 경우 :

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

코드 블록을 마우스 오른쪽 단추로 클릭하고 "요소 검사"를 선택한 다음 개발자 콘솔의 오른쪽 패널에서 "계산 된"탭을 선택하고 아래쪽으로 스크롤하여 거기에 나열된 글꼴 이름을 게시하십시오. 크롬과 파이어 폭스. 크롬에서 비트 맵 글꼴을 선택하는 경우 궁금하네요 ...
grawity

나는 글꼴 이름을 의미했다. 바닥에 ; Chrome에서는 '렌더링 된 글꼴'이라는 라벨 아래에 있습니다. 계산 된 스타일은 두 브라우저에서 모두 동일하지만 실제로 선택한 글꼴은 다를 수 있습니다.
grawity

4
분명히 그들은 강력한 형식의 언어를 약한 형식의 언어로 변경했습니다.
Daniel R Hicks

4
@ 대니얼 힉스 : 그게 어떻게 ...
grawity

1
이것은 아마도 문제가 SO 또는 meta.SE에 관련되어 있다면 meta.SO에 속할 것입니다.
Crippledsmurf

답변:


8

다음을 수행하십시오.

  1. 파일 만들기 ~/.fonts.conf
  2. 다음 텍스트를 추가하십시오

    <match target="font" >
        <edit name="embeddedbitmap" mode="assign"><bool>false</bool></edit>
    </match>
    
  3. Chrome 다시 시작

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


2
나를 위해 일했다. 비록 stackoverflow의 글꼴이이 버그 이전과 다르게 나타 났지만 적어도 지금은 읽을 수 있습니다.
minism

Fedora 19를 사용하여 Monaco 글꼴을 등록한 직후 나에게 일어났습니다.이 대답은 설명한대로 저에게 효과적이었습니다.
Rubens Mariuzzo

1
최근 distro에서 파일을 만드는 중 ~/.fonts.conf 모금하다 사용 중단 경고 . 대신 다음 위치에서 파일을 만드십시오. ~/.config/fontconfig/fonts.conf. 더 자세한 정보 : askubuntu.com/a/231274/24159
Rubens Mariuzzo

2

당신은 Chrome 글꼴 버그 (Linux 글꼴 렌더링) 그 가능성이 Windows에서 렌더링을 업데이 트하여 발생합니다. 일부 게시물에 따르면 공개되기 전에 수정 된 것으로 가정되었지만 다른 사람들은 분명히 그렇지 않다고 말하고 있습니다. 38 베타 버전으로 건너 뛰거나 로컬 글꼴 정보를 업데이트하고 자동 힌트 옵션을 변경하는 등 여러 가지 제안을 처리 할 수 ​​있습니다.

나는 그들의 예제 ~ / .fonts.conf를 재 게시 할 것이지만 나는 최후의 수단으로 만 시도 할 것이다. 먼저 베타 버전을 사용해보십시오.

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

0

나는 똑같은 문제가 있었다. OS : Linux Mint 17 글꼴 확장이있는 계피.

현재 Chrome 디스플레이의 확대 / 축소를 확인하십시오. 줌을 줄이거 나 늘리면 글꼴 렌더링이 명확 해집니다.


1
글쎄 ... 나는 정말로 110 % 줌이있는 웹 사이트를 사용하고 싶지 않습니다. 그것은 알아두면 좋지만 대답이 아닙니다.
Martin Thoma

0

편집 ~ / .fonts.conf가 나를 위해 작동합니다. ~ / .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>

질문은 버전 37에 관한 것 같습니다. 솔루션이 버전 37뿐만 아니라 버전 43에서도 작동하는지 알고 있습니까?
Jason Aller

나를위한 버전 37에서 작동하지만 사용중인 플랫폼에 따라 다르므로 작동하지 않는 경우 이러한 옵션을 하나씩 시도 할 수 있습니다.
kurtmeln
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.