2011.11.09 15:41

웹폰트 font-weight:bold; 속성이 적용받지 못하는 상황


웹 폰트를 적용할 경우 다음과 같이 font-weigth 속성을 제외하고 선언할 경우 bold 속성이 적용되지 않는 문제를 확인했습니다.

@font-face{
    font-family: '나눔고딕';
    src:url('../font/NanumGothic.woff') format('woff');
}


따라서 웹 폰트 이용시에는 font-weight를 다음과 같이 적용하여야 합니다.

@font-face{ 
    font-family: '나눔고딕'; 
    font-weight: normal; 
    font-style: normal; 
    src:url('../font/NanumGothic.woff') format('woff'); 
}


style속성중 font-weight:bold; 가 적용됨을 확인할 수 있습니다.

ps) 근데... 시스템 폰트에서 bold 보다 조금 더 굵게 보이는건 착각이려나.... ㅡㅡ; 
Trackback 0 Comment 3