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

드디어 마지막이네요. 웹폰트를 적용하는 것 까지 무사히 마치고 욕심이 하나 생겼습니다. 게시글 본문을 입력하면서 좀 더 다양한 폰트로 다양한 효과를 내고 싶었던 거죠. 제가 기본적으로 사용하려고 올린 폰트는 나눔고딕체였고 나눔고딕에 굵게 글씨를 변경하는 것보다는 나눔고딕 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=" 으로 바꿔주기 바랍니다.