Google 크롬에서 글꼴 모양을 개선하려면 어떻게해야하나요?

.

왼쪽에는 파이어 폭스 4가 있고 오른쪽에는 크롬 12가 있습니다. 크롬이 더 예쁜 글꼴을 렌더링하는 방법이 있습니까?

위의 이미지는 Windows XP에서 촬영되었습니다. 아래는 Windows 7의 또 다른 예입니다.

ClearType 설정 확인-Chrome 스크린 샷이 앤티 앨리어싱되지 않은 렌더링으로 표시되는 것 같습니다. 단색 힌트가 없기 때문에 웹 글꼴을 거의 죽일 것입니다 (크기상의 이유로). 필자는 OS 수준의 ClearType 설정을 무시하고 기본적으로 설정하기 때문에 "IE는 텍스트를 더 잘 렌더링합니다"라고보고했습니다.

모든 대답이 잘못되었습니다! 이것은 Chrome의 큰 버그입니다. 여기의 스크린 샷을 포함한 공식 버그 보고서 / 스레드를 참조하십시오 : Chrome 코드의 공식 버그 보고서

현재 가장 좋은 해결 방법은 요소 / 헤드 라인에 다음과 같은 간단한 규칙을 제공하는 것입니다.

-webkit-text-stroke: 1px

John 박사의 추가 사항 : 나는 html { -webkit-text-stroke: 0.25px}잘 작동 하는 제안을 찾았습니다-https://groups.google.com/forum/?fromgroups#!topic/mathjax - users/dV_TmJ1QMO4

Chrome은 Windows XP에서 기본적으로 꺼져있는 ClearType 설정을 읽습니다.

1. 문제를 해결하려면 먼저 Chrome 브라우저를 닫으십시오.

2. 바탕 화면의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 드롭 다운 메뉴에서 '속성'을 선택하십시오.

3. 새 창 상단의 '모양'탭을 클릭하십시오.

4. 그리고 '효과'버튼을 클릭하십시오.

5. 아래 두 번째 옵션은 "화면 글꼴의 가장자리를 다듬는 데 다음 방법을 사용하십시오."

6. "ClearType"옵션을 선택하십시오.

7. Chrome 브라우저 적용 및 다시 열기를 클릭하십시오.

이제 Chrome에서 부드러운 효과를 위해 글꼴을 앤티 앨리어스로 멋지게 렌더링합니다.

SVG 파일을 font-face css 규칙에서 1 위 또는 2 위로 더 높게 배치하십시오.

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

대신에:

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

이 수정의 예는 다음과 같습니다.

FontSpring 예제
Adtrak 예제

Chrome에서 GPU 가속을 사용하도록 설정 했습니까? about:flagsGPU를 입력 하고 찾으 Accelerated Canvas 2D십시오. 활성화 된 경우 비활성화하십시오. 가속을 사용하도록 설정하면 일부 사이트의 글꼴이 고르지 않게 나타납니다.

Chrome 내에서 렌치> 옵션> 후드 아래> [웹 컨텐츠 옆에 있음]을 클릭하고 글꼴 사용자 정의를 클릭하십시오.

페이지가 내 것처럼 보이도록 설정을 변경하십시오.

그런 다음 x를 클릭하여 문제가 해결되었는지 확인하십시오.

이 방법으로 문제가 해결되지 않으면 한 가지 더있을 수 있지만 시도 할 때까지 기다립니다.

Chrome은 현재 웹 글꼴을 제대로 렌더링하지 않습니다. 이를 위해 이슈 트래커에 몇 가지 버그 가 있습니다 . 그들에게 더 관심을 갖기 위해 그들과 관련된 모든 별표를 표시하십시오.

Chrome의 http://www.google.com/webfonts 에서 웹 글꼴을 렌더링하는 것과 정확히 동일한 문제가있었습니다 . 나는 이것과 다른 사이트에 대한 모든 제안을 시도했지만 그중 아무것도 효과가 없었습니다.

결국 영향을받는 텍스트의 CSS 속성을 검사하기 시작했는데 문제를 일으킨 실제 글꼴 색으로 밝혀졌습니다. 주어진 제목 color:#454545은 잘못 렌더링되지만 다음과 같은 제목은 동일 color:#333합니다. 사용자 에이전트 특정 스타일 시트에 대해 감사합니다!

Windows XP에서는
디스플레이 → 속성 → 모양 → VisualEffects 에서 앤티 앨리어싱 옵션을 "기본"에서 "클리어 유형"으로 변경했습니다.

Chrome은 글꼴에 시스템 clearType 값을 사용합니다. Windows 7에서 더 잘 보이게 설명합니다. Mac에서는 앤티 앨리어싱이 크기가 8보다 큰 모든 글꼴에 대해 활성화되어 있다고 가정합니다. 시도 켜기 또는 Windows 시스템의 클리어 타입 변경

업데이트 : Chrome 22 이상은 시스템 설정을 무시하는 것처럼 보입니다.clearType

Windows XP SP3 에서이 문제가 너무 심해서 모든 의도와 목적으로 Chrome을 사용할 수 없었습니다. 제어판에 Clear Type Tuning을 설치하고 고급 탭에서 "Font Smoothing 활성화"를 선택 해제 한 것으로 나타났습니다. Chrome을 다시 시작한 후 Font Smoothing을 다시 켜도 괜찮습니다. "새 사용자 및 시스템의 모든 설정을 기본값으로 적용"확인란을 선택했습니다.

나에게 그것은 Windows 10.1 x64의 ClearType 설정이 아니지만 DirectWrite라는 Chrome 브라우저의 설정으로 밝혀졌습니다.

1. Chrome의 주소 표시 줄에 다음을 입력하십시오. chrome://flags/#directwrite
2. 그리고 턴에서의 DirectWrite,이 설정의 제목은 말한다 해제의 DirectWrite 는 단어를 보여줍니다 아래에서 확인 버튼을 만들고 : 사용

그로 인해 문제가 해결되었습니다.

길고 어려운 대답은 할 수없는 것 같습니다. Chrome 도움말에 토론과 제안 이 많이 있지만 제안 할만한 내용이 없습니다.

큰 문제는 어떻게 그렇게 나빠 보이게하는 것입니다! Chrome을 사용하여이 상자에 입력하고 있습니다. 심지어 전체를 확대하여 당신과 같은 것을 보지 못했습니다. 이 후에도 여전히 질문이 있으면 구성을 커뮤니티에 설명해야합니다.

Chrome은 글꼴에 "사용 가능"하지만 특히 대각선을 렌더링하는 곳에서 얇고 씻겨 나옵니다. IE는 훨씬 더 잘 렌더링되지만 IE는 더 느린 브라우저이므로 FireFox입니다.

나는 이것이 크롬 코드에 내재되어 있다고 생각합니다.

BTW, HackToHell, 렌더링 색상을 어디로 변경해야합니까?

나는 이것을 시도 할 것이다.

Windows 키 + r을 누른 다음 거기에 cttune.exe를 입력하십시오.

다른 방법은 windows 키를 누른 다음 cleartype을 입력하고 ClearType 텍스트 조정을 선택하는 것입니다.

그래도 문제가 계속되면 다른 예제를 시도하십시오.

이것은 나를 위해 일했습니다. 대비 / 밝기 보정과 유사하지만 텍스트 대신 다른 예제를 시도해야합니다.

참고 : 2D 가속을 사용 중지하면 Chrome에서 Windows ClearType 조정 도구를 사용하여 재생하는 데 도움이 될 수 있습니다.

글꼴 다듬기 / 지우기 유형을 비활성화 한 상태에서 웹 글꼴을 읽을 수있게하려면 Chrome에서 웹 글꼴을 비활성화하는 것이 해결책입니다. 이 경우 브라우저는 cleartype / smoothing이 비활성화 된 경우 올바르게 렌더링되는 OS 표준 글꼴을 사용합니다. 이렇게하려면 /disable-remote-fonts플래그를 chrome.exe에 전달하십시오 . 바탕 화면에서 Chrome 바로 가기를 클릭하고 속성을 선택한 다음 바로 가기 탭으로 이동하고 대상을 다음으로 설정합니다.

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

웹 글꼴을 사용하지 않도록 설정하는 데 문제가있을 수 있습니다. 웹 사이트에서 웹 글꼴의 아이콘을 사용하는 경우 표시되지 않습니다.

Chromium 트래커의 해당 문제 :

"웹 글꼴에 대해 시스템 전체 ClearType 설정이 존중되지 않음" https://code.google.com/p/chromium/issues/detail?id=319429

이동 chrome://flags/(또는 about:flags) 및 해제 옵션 재정의 소프트웨어 렌더링 목록을 .

가속 2D 캔버스 도 비활성화해야합니다.

그 조합이 도움이되었습니다.

chrome : // flags /로 이동하여 "LCD 텍스트 앤티 앨리어싱"을 사용하도록 설정하십시오. 브라우저를 다시 시작하십시오.