2012-12-23 3 views
2

웹 사이트 프로젝트에서 자주 Google 웹 글꼴을 사용하지만 치료 방법을 잘 모르겠다는 특이한 문제가 있습니다.Google webfont가 정확한 글꼴 체중을 표시하지 않음

내 모든 브라우저 (FF, Chrome 및 OS X 10.8.2의 Safari)에서 Open Sans 일반 글꼴 가중치 (400)는 세미 볼드로 표시됩니다. 다음은 그 예입니다. google's webfont library : http://i.imgur.com/sZtWW.png

내 마지막에는 브라우저 스탁에 페이지를로드했습니다. browserstack 인스턴스에서 올바른 글꼴 가중치 (Win 7의 Chrome 23)가 표시되었습니다.

누구에게 어떤 문제가 있습니까?

답변

1

로컬로 설치된 Open Sans 글꼴 버전이 페이지의 CSS에 지정된 글꼴보다 우선합니다.

사이트에서 복사하여 붙여 넣기하는 Google의 기본 규칙이 로컬 글꼴보다 우선합니다.

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 
} 
:

CSS의 지정 글꼴을 보장하기 위해이 CSS 지시어를 사용, 우선합니다

관련 문제