본문 바로가기
Development/CSS | SCSS | SASS

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

by Dev. Jkun 2013. 6. 12.
반응형

출처 : 제피's 님의 블로그


웹 폰트를 적용할 경우 다음과 같이 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; 가 적용됨을 확인할 수 있습니다.

반응형

댓글