문제

어떻게 이 문제를 해결?

첫째"D"에 렌더링됩 크롬 31.0.1650.63m 와 두 번째에 렌더링됩 IE11.

Chrome rendering

IE 11 rendering

업데이트:

추가 -webkit-font-smoothing: antialiased; 문제는 남아...enter image description here

그것이 문제가 될 수 있는 비디오 카드?

Update2:

css 글꼴 코드:

 @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/font1.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../font/font2.woff) format('woff');
}
도움이 되었습니까?

해결책

이 문제는 크롬을 가진 렌더링 엔진을 좋아하지만 이것은 마지막으로 고정됩니다.보 https://plus.google.com/u/0/+FrancoisBeaufort/posts/PGPpiQr6bwi

문제가 크롬의 bugtracker:https://code.google.com/p/chromium/issues/detail?id=333029 https://code.google.com/p/chromium/issues/detail?id=25541

편집:
의 다이렉트 라이트를 지원할 수 있는 예쁜 글꼴을 렌더링이 추가되었습 크롬 37. (출처: https://code.google.com/p/chromium/issues/detail?id=25541#c152)

다른 팁

이 문제는 크롬을 가진다.문제만에 존재하는 Chrome for Windows.Mac,Linux 사용자는 크롬의하지 않는 이 문제를 가지고 있습니다.으로 사용할 수 있습니다 정말로요.

을 시도했다 추가하는 이 CSS 크롬 하나?

-webkit-font-smoothing: antialiased

제공하는 탄면 그것은 도움이됩니다.

나는 같은 문제를 가지고 있었습니다 그리고 다음 코드는 최고의 주위에 일하는 내가 발견된다.어떻게 든다면 당신이 숨기기하고 다시 내용을 보여주체의 글꼴이 제대로로드 이

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    font-family: folio_medium;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

내가 찾는 주 svg 글꼴 파일을 더 높은 우선 순위를 해결합니다.

@font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url('../assets/fonts/helvetica/2B7A70_0_0.svg#wf') format('svg'), // first means higher priority
  url('../assets/fonts/helvetica/2B7A70_0_0.eot');
}
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top