Chrome에서 Helvetica 글꼴은 항상 굵게 렌더링


5

이것은 며칠 전에 일어났기 때문에 이해할 수 없습니다. Chrome을 사용할 때 글꼴 모음 Helvetica 또는 'Helvetica Neue'가있는 텍스트는 항상 매우 굵고 굵은 글꼴로 렌더링됩니다. 예를 들어, 페이스 북은 이제 다음과 같습니다 :

크롬 렌더링 :

Helvetica에 잘못된 글꼴을 표시하는 Facebook

파이어 폭스 렌더링 :

여기에 이미지 설명을 입력하십시오

Chrome에서만 발생합니다. Firefox / IE는 잘 작동합니다. Helvetica 글꼴에만 영향을 미치는 것 같습니다. 다른 글꼴 또는 글꼴 모음으로 정의되지 않은 것은 정상적으로 렌더링됩니다. 컴퓨터를 전환했을 때 이상한 글꼴이 실제로 두 번째 컴퓨터에 나타 났으며 내 계정과 함께 어딘가에 Chrome 설정이 있다고 생각합니다. Chrome 설정 / 고급 설정 표시 / 웹 콘텐츠에 아무런 영향이없는 것 같습니다. Chrome에서 Word로 텍스트를 복사하여 붙여 넣으면 정상적으로 임차되며 Helvetica가 글꼴로 표시됩니다. 이상하게도 글꼴 드롭 다운을 선택하면 Helvetica-Black이 표시되지만 Helvetica는 표시되지 않습니다.

어떤 아이디어?!


ephifontsArch Linux의 AUR에서 여러 Helvetica 변형을 설치 한 경우이 문제가 발생했습니다 . 제거했을 때 FB는 정상으로 돌아갔습니다. 나는 이것이에 연결되어 있다고 생각합니다 /etc/fonts/conf.d/30-metric-aliases.conf. 예를 들어 숫자가 더 큰 개인 설정으로 일부 설정을 무시할 수 99-myfontmetric.conf있지만 방법을 모르겠습니다.
Jonathan Komar

답변:


3

좋아, 질문을 쓰는 동안 나는 그 해결책을 발견했다고 생각한다. 설치된 글꼴 (Start / Run / Fonts)에서 Helvetica Black이 있었지만 다른 버전의 Helvetica는 없었습니다. 크롬이 검은 버전을 선택하여 모든 것을 대담하게 보입니다. 지난 주에 두 대의 컴퓨터에 Helvetica Black을 수동으로 설치하지는 않았지만 Chrome에서 최근에 글꼴 선택 방식을 변경했거나 Helvetica Black을 설치 한 다른 소프트웨어를 사용 / 설치했을 수 있습니까?

요컨대 내 수정은 다음과 같습니다.

  • 글꼴 폴더로 이동하십시오 (시작 / 실행 / 글꼴)
  • Helvetica Black 찾기 및 삭제

3

이것은 Windows의 브라우저에서 일반적인 문제입니다. 사이트가 CSS "font-family"스탠자에서 Helvetica를 첫 번째 글꼴로 지정하면 Windows는 첫 번째 Helvetica 글꼴을 사용하여 페이지를 렌더링합니다.

나는 종종 고객을 위해 IE 에서이 문제를 해결해야했으며 고객이 Helvetica를 설치 해야하는 경우 솔루션은 항상 모든 Helvetica 글꼴을 삭제하거나 다른 브라우저를 사용해야했습니다. 이상하게도 Chrome에도 영향을 미칩니다. Helvetica Compressed가 설치되어 있고 특정 글꼴의 커닝으로 인해 웹 사이트 텍스트를 읽을 수 없을 때 IE에서 주로 보았습니다.

글꼴 모음 스탠자의 첫 번째 글꼴로 Helvetica 이외의 다른 글꼴 (예 : Arial)을 지정하면 텍스트를 렌더링하는 Windows 브라우저에 아무런 문제가 없습니다.


3

다음 두 가지 방법으로 문제를 해결할 수 있습니다.

영구적 인 해결책 :

글꼴을 삭제하고 싶지 않다고 생각합니까? 그렇지 않다면, 이것은 당신에게별로 중요하지 않습니다. 그러나 그렇게하려면 안전 모드에서 컴퓨터를 다시 시작하고 제어판에서 글꼴을 삭제하십시오 (다른 답변 참조).

임시 솔루션 :

여기서 우리는 크롬 파일을 수정하고 따라서 목적을 해결할 것입니다.

  1. Windows 탐색기를여십시오.

  2. —> C : \ Users [사용자 이름] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ User StyleSheets \ custom.css로 이동하십시오.

  3. 이제 custom.css 파일을여십시오. 메모장을 사용하여 수행 할 수 있습니다.

3b. Chrome에서이 맞춤 사용자 스타일 시트 지원을 중단했지만 애드온은 동일한 기능을 제공 할 수 있습니다. https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ko

  1. 아래에 주어진 두 개의 CSS를 추가하십시오. 문제가 해결되었습니다!
    @ font-face {폰트 패밀리 : 'helvetica neue'; src : local ( 'Arial'); }
    @ font-face {폰트 패밀리 : 'helvetica neue'; 글꼴 무게 : 굵게; src : local ( 'Arial'); }
    @ font-face {폰트 패밀리 : 'helvetica'; src : local ( 'Arial'); }
    @ font-face {폰트 패밀리 : 'helvetica'; 글꼴 무게 : 굵게; src : local ( 'Arial'); }

위의 네 줄은 브라우저의 Helvetica Neue 및 Helvetica 글꼴을 Arial Font로 바꾸는 간단한 코드입니다.

글꼴 이름을 변경하여이 프로세스를 반복하거나 편집하여 원하는 로컬 글꼴로 글꼴을 교체 할 수 있습니다.


감사합니다! 최신 버전의 Chrome에서는 맞춤 스타일 시트가 없어 졌으므로 동일한 기능을 제공 할 수있는 Stylish addon에 대한 링크로 답변을 업데이트했습니다.
패트릭 무어
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.