@fontface FireFox (10)가 텍스트를 매우 굵게 표시합니다.

CSS에서 글꼴을 @ font-face로 구현했으며, 사파리에서로드 할 때 더 멋지게 보입니다. 아무도 이것을 일으킬 수있는 것을 압니까?@fontface FireFox (10)가 텍스트를 매우 굵게 표시합니다.

@font-face { 
    font-family: 'SerifaBold'; 
    src: url('/css/serifbol-webfont.eot'); 
    src: url('/css/serifbol-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/css/serifbol-webfont.woff') format('woff'), 
     url('/css/serifbol-webfont.ttf') format('truetype'), 
     url('/css/serifbol-webfont.svg#SerifaBold') format('svg'); 
    font-weight: 100; 
    font-style: normal; 

}

출처

2012-03-13 waterschaats

같은 일이 발생했습니다. 그것의 전체 중량이 있어야하는 것보다 거의 같다. 어쩌면 글꼴의 비 대담한 버전을 시작점으로 사용해보십시오.

출처

2012-03-13 16:36:13 Dan

귀하의 글꼴 - 얼굴 규칙은이 글꼴이 초경량 글꼴 (font-weight: 100 부분)임을 알려줍니다. 그렇다면 보통 체중 (font-weight: 400) 또는 굵게 (font-weight: 700) 인 텍스트에이 글꼴을 사용하도록 브라우저에 요청할 것입니다. 브라우저는 초경 글꼴을 가지고 있기 때문에 보통 글꼴이 필요하며 인위적으로 약간의 간격을두고 문자를 여러 번 그리는 방식으로 인위적으로 글자를 만드는 것입니다.

합성 대담한 표준은 없으며 브라우저의 기본 동작이 다릅니다.

이 글꼴을 굵은 글씨체로 사용하려는 경우 이미 굵은 글씨체 인 경우 font-weight 설명자를 사용하여 글꼴 얼굴 규칙에서 글꼴을 말하십시오.

출처

2012-03-13 20:21:08

내 고객의 웹 사이트에서 같은 문제가 발생하여 미친 짓을했으나 마침내 문제가 발견되었습니다. CSS 클래스에서 'SerifaBold'를 호출하면 font-weight: normal;

결국 마침내 문제가 해결되었습니다.

출처

2012-04-10 18:26:01 mayks

글꼴 유형에 다른 가중치 및/또는 기울임 꼴을 포함한 "글꼴 변형"이있는 웹 글꼴을 사용하는 경우 항상 "font-style : normal"을 적용하십시오. & font-weight : 400; (또는 font-weight : normal)을 각 스타일 선언에 적용합니다.

EG : 명시 적으로 각각의 변화를 다르게 각 글꼴 - 가족을 선언해야합니다 나는 faux-에 의해 fonts.com

strong, b { 
    font-family:'HelveticaNeueW01-75Bold', 'Arial Black', Arial, sans-serif; 
    font-weight: 400; 
} 

em, i { 
    font-family: 'HelveticaNeueW01-56It', Arial, sans-serif; 
    font-style: normal; 
}

파이어 폭스는 "도움"됩니다 글꼴에서 Helvatica 뉴를 사용하고 있습니다 굵게 작성 & 당신의 멋진 @ 글꼴 - 얼굴 유형을 이탤릭으로 만들어서 정말 못 생기고 디자이너가 글꼴을 만들 때했던 모든 노력을 망칠 수 있습니다.

이 내용은 typekit, google, fonts.com 및 로컬 호스트 글꼴을 포함한 모든 글꼴 소스에 적용됩니다.

출처

2012-08-20 21:55:14

@fontface FireFox (10)가 텍스트를 매우 굵게 표시합니다.

답변

관련 문제