Helvetica Neue 렌더링이 제대로되지 않는 이유는 무엇입니까?


13

다른 날에 새로운 Helvetica 변형을 설치했으며 그 이후 Helvetica Neue는 크롬 또는 Firefox에서 어떻게 해야하는지 렌더링하지 않습니다.

Helvetica 글꼴을 모두 삭제하고 다시 설치하려고했지만 여전히 제대로 렌더링되지 않습니다.

이것은 다음과 같습니다

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

어떤 글자는 다른 글자보다 키가 큰 것 같습니다.

글꼴은 다음과 같아야합니다. 일반 14px / 1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;


1
운영 체제는 무엇입니까?
and31415

@ and31415 Windows 및 Mac에서 일반적인 문제라고 생각합니다.
Omar

답변:


11

Mac 사용자는 Helvetica Neue를 설치할 필요가 없으므로 Windows에서 실행한다고 가정합니다.

이 글꼴은 일반적으로 Windows에 존재하지 않으며 Arial로 대체됩니다. Helvetica의 풍미를 설치하는 것은 CSS 스타일 시트에서 일반적으로 사용되기 때문에 다소 까다로울 수 있으므로 Arial이 더 나은 경우에도 브라우저에서 글꼴 렌더링을 엉망으로 만들기 위해 브라우저에서 선택할 수 있습니다.

Helvetica Neue 글꼴의 여러 구현 / 맛이 있습니다. 일부는 큰 글꼴 크기에서는 뛰어나지 만 보통 크기에서는 좋지 않습니다. 나는 이것이 좋은 결과를 제공하지만 개인적으로는 사용하지 않았다고 들었습니다 .

Chrome을 사용하면 웹 사이트 CSS를 재정의하는 자체 맞춤 CSS 변경 사항을 제공 할 수 있습니다. 맞춤 CSS 파일을 찾으려면 Chrome을 닫고 폴더로 이동하십시오.

%AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

Custom.css좋아하는 텍스트 편집기에서 파일 을 엽니 다 .

Helvetica 대신 Arial을 사용하려면 다음 행을 붙여 넣으십시오.

@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'helvetica'; src: local('Arial'); }
@font-face { font-family: 'helvetica'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }

Chrome 확장 프로그램 Change Font Family Style 을 사용하여 Helvetica 대신 Arial을 강제로 사용할 수도 있습니다 .

편집하다

주목 된 사용자 스타일 시트 (Custom.css) 지원은 크롬에서 제거 된 이후 2013년 11월 일반적인 솔루션은 더 이상 작동하지 않는 이유를 설명.

내가 볼 때 남은 옵션은 다음과 같습니다.

  1. 확장 글꼴 패밀리 스타일을 사용하십시오.
  2. Chrome에서 Arial을 사용하도록 Windows에서 Helvetica를 완전히 삭제
  3. 다른 브라우저로 변경하십시오.

Helvetica를 완전히 삭제하려면 다음을 수행하십시오.

  1. 시작> 제어판> 글꼴로 이동하여 글꼴을 선택한 다음 파일 메뉴에서 삭제 ( source )를 클릭하십시오 .
  2. 글꼴 캐시 파일을 삭제 C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DAT하고 재부팅하십시오.
  3. 필요한 경우에만 레지스트리에서 "helvetica"를 검색하고 삭제 (매우 신중하게) 한 다음 재부팅하십시오.

입력 해 주셔서 감사합니다. 현상금의 이유 " 현재 답변이 오래되어 최근 변경 사항이있을 경우 수정이 필요합니다 ". 실제로 제공 한 솔루션을 사용했지만 Chrome의 최신 업데이트 후에는 작동을 멈췄습니다.
Omar

1
Helvetica를 제거하고 Chrome 기본값을 Arial로 되돌리려 고 했습니까? 확장을 시도 할 수도 있습니다.
harrymc

기본 글꼴을 복원했지만 주사위는 없습니다. 확장 프로그램을 사용하지 않는 것이 좋습니다.
Omar

글꼴을 삭제 한 경우에도 글꼴이 글꼴 캐시에있을 수 있습니다. 파일을 비우려면 파일을 삭제 C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DAT하고 재부팅하십시오.
harrymc


1

그래서 나는 오늘이 문제를 겪었고 quora에 대한 비슷한 질문에 대한 답을 발견했습니다. 이것은 나를 위해 더 빠르게 해결했습니다.

  1. 확장 강제 사용자 정의 글꼴 설치
  2. chrome : // extensions의 확장 설정으로 이동
  3. 대체 글꼴 메뉴 옆에있는 + 아이콘을 클릭하여 대체 글꼴을 추가하십시오.
  4. 첫 번째 상자의 드롭 다운과 옆의 두 번째 드롭 다운에서 Arial 을 사용하여 Helvetica Neue 를 선택하십시오 .
  5. 환경 설정을 저장하고 문제가있는 페이지를 새로 고치십시오.
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.