Development/CSS | SCSS | SASS
웹폰트 font-weight:bold; 속성이 적용받지 못하는 상황
Dev. Jkun
2013. 6. 12. 10:16
반응형
출처 : 제피'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; 가 적용됨을 확인할 수 있습니다.
반응형