크롬 - 우수한 라이브러리

와 글꼴 얼굴 문제 @ 나는 그것은 파이어 폭스에서 잘 작동크롬

@font-face { 
    font-family: 'MuseoSans500'; 
    src: url('MuseoSans_500-webfont.eot'); 
    src: url('MuseoSans_500-webfont.eot?iefix') format('eot'), 
     url('MuseoSans_500-webfont.woff') format('woff'), 
     url('MuseoSans_500-webfont.ttf') format('truetype'), 
     url('MuseoSans_500-webfont.svg#webfontkQkWxTED') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

다음 구문으로 Museosans500 글꼴을 사용하지만, 크롬에서 제대로 글꼴을 표시하지 않습니다.

출처

2011-06-13 Bhasu

이것은 fontsquirrel 구현 권한입니까? 그리고 정확하게 정의하지 않거나 전혀로드되지 않거나 글꼴이 고르지 않다고 생각하십니까? –

글꼴이로드되지만 고르지 않게 보입니다. – Bhasu

유감스럽게도 글꼴이 모든 브라우저에서 똑같이 나타날 것이라고 기대할 수는 없지만 일반적으로 FontSquirrel을 통한 글꼴은 나와 함께 Chrome을 멋지게 보입니다. 다른 글꼴을 사용해도 여전히 문제가 생기면 볼 수 있습니까? –

이는 Windows에서 실행중인 Chrome 버전 때문일 수 있습니다. Chrome 10의 @ font-face 렌더링이 너무 부드럽지 않다는 것을 알고 있습니다. 스크린 샷을 찍어 우리와 공유 한 다음 브라우저를 업데이트하고 다른 스크린 샷을 찍어 비교하십시오.

행운을 빈다.

출처

2011-07-06 13:57:05 Mushon

어떤 문제가 발생하고 있는지 잘 모르겠지만이 웹 사이트 http://seanmcb.com/typekit/webkit-antialiasing-test.html은 웹 킷 버그에 대한 테스트 사례를 크게 보여줍니다.

내 사이트에서 앤티 앨리어싱 문제가 발생했습니다. 의사 요소 트릭을 시험해 보겠습니다. 이 사이트에서 설명한 버그는 다음과 같습니다. "Mac의 Webkit 브라우저에서 @ font-face 글꼴은 이전에 렌더링 된 텍스트가 사용하는 모든 앤티 엘리 어싱 설정으로 렌더링됩니다."

다음은 webkit에이 문제점에 대한 버그가 열려 있는지 확인하는 것이 좋습니다.

출처

2011-07-12 20:11:45

웹킷 버그 추적 : https://bugs.webkit.org/show_bug.cgi?id=28915 –

이제 웹킷에서 수정되었습니다 (위의 내용은 중복되어 표시됨). https://bugs.webkit.org/ show_bug.cgi? id = 67996 – pents90

다른 모든 CSS보다 먼저 SVG 형식을 입력하십시오.

출처

2012-07-12 21:12:38 Cthulhu

예 - SVG를 먼저 정의해야합니다. 그렇지 않으면 Chrome이 글꼴을 표시하기 위해이를 사용하므로 톱니 모양으로 보입니다. 먼저 글꼴을 표시하기 위해 Chrome이 나중에 정의 중 하나를 사용하는지 확인해야합니다.

출처

2012-12-18 18:22:30

크롬

답변

관련 문제