Depot/IT-인터넷

[웹폰트 적용하기] 04. 여러개의 웹폰트 적용하기

zzixxa 2009. 5. 6.
반응형

드디어 마지막이네요.

웹폰트를 적용하는 것 까지 무사히 마치고 욕심이 하나 생겼습니다.
게시글 본문을 입력하면서
좀 더 다양한 폰트로 다양한 효과를 내고 싶었던 거죠.

제가
기본적으로 사용하려고 올린 폰트는 나눔고딕체였고 나눔고딕에 굵게 글씨를 변경하는 것보다는

나눔고딕 Bold체로 입력하는 게 훨씬 보기좋게 느껴졌습니다.

그래서
나눔고딕 Bold체를 웹폰트로 변경해서 추가했습니다.



위 그림에서 보다시피 웹폰트를 추가한 경우 똑같은 내용으로 추가하면 됩니다.

@font-face{font-family: ---------} 이런 식으로...

그리고

body,table,tr,td,select,input,div,form,textarea,font,{font face="나눔고딕,
나눔고딕 Bold, ----}
과 같은 방법으로 추가한 웹폰트를 추가하면 됩니다.

물론 이건 숱한 시행착오를 거친 후에 알아낸 방법입니다.
다른 곳은 문제가 없었는데...

body,table,tr,td,select,input,div,form,textarea,font,{font face=" 에서
{font face=" 이부분이 아래 그림처럼 {font-family: 으로 되어 있다는 것입니다.



이럴 경우
아무리 나눔고딕 Bold로 폰트를 바꾸어도 나눔고딕으로만 나옵니다.
{font-family:반드시 {font face=" 으로 바꿔주기 바랍니다.


 

반응형

댓글