나쁜 글꼴을 연출 크롬
-
21-12-2019 - |
문제
어떻게 이 문제를 해결?
첫째"D"에 렌더링됩 크롬 31.0.1650.63m 와 두 번째에 렌더링됩 IE11.
업데이트:
추가 -webkit-font-smoothing: antialiased;
문제는 남아...
그것이 문제가 될 수 있는 비디오 카드?
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');
}