웹 글꼴 "보통"글꼴 두께

Question

웹 글꼴을 사용하는 경우에도 font-weight : normal 및 font-weight : 400이 동일하다고 가정하는 것이 합리적입니까?

Answer 1

이것은 확실한 대답은 아니지만 지금해야 할 일입니다. Google 웹 글꼴의 현재 전체 글꼴 집합을 살펴 보았습니다. 내가 볼 수있는 것으로부터 보통은 항상 400입니다. 현재의 모든 글꼴은 보통, 400을 지정합니다.

내가 추가해야 할 한가지 - WOFF 글꼴이 있습니다. Open Sans Condensed는 사실 "보통"스타일이 아닙니다. 그러나 정상 = 400이라고 가정하지 말아야합니다.

다음은 Chrome에서 흥미로운 이야기입니다. 자동으로 font-weight : 700을 font-weight : bold로 대체합니다. 다른 글꼴 가중치로 시도하지 않습니다. 그렇다고해도 숫자 값에 의존한다면 필수 교체 작업을 수행하는 자동 테스트를 수행하는 것이 가장 좋습니다. 다만 경우에

var sample = $('#fontSampleA'); 
var fontwt = sample.css('font-weight'); 
fontwt = ('normal' == fontwt)?400:(('bold' == fontwt)?700:(('book' == fontwt)?300:fontwt)); 

의 라인을 따라 뭔가 미래 버전은 더 침묵 "스마트 변환을"일을하려고 시작합니다.

Answer 2

font-weight의 값인 정의에서 normal은 400을 의미합니다. 이것은 글꼴에 의존하지 않습니다.

@font-face을 사용하면, 예를 들어. 서체가 실제로 굵게 (또는 가볍게 또는 무엇이든)에도 불구하고 폰트면을 기본 가중치 (기본값은 font-weight으로 지정하거나 normal 또는 400으로 설정하여). Fontsquirrel @ font-face generator는 이것을 수행합니다. 각 서체를 글꼴 패밀리로 효과적으로 정의합니다. 예 :

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 22, 2013 */ 
@font-face { 
    font-family: 'source_sans_probold'; 
    src: url('sourcesanspro-bold-webfont.eot'); 
    src: url('sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), 
     url('sourcesanspro-bold-webfont.woff') format('woff'), 
     url('sourcesanspro-bold-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 

} 

이 요소가 실제로 사용되는 서체 굵게 설계하더라도, 400font-weight의 값을 가질 수 있음을 의미한다.

400 대 의 사용과 관련이 없으며 글꼴 두께가 아닙니다. FontSquirrel은 font-style과 같은 게임을합니다.