홈페이지 제작-웹폰트 사용하기

홈페이지 제작 기본상식-홈페이지의 폰트가 내 컴퓨터에서 제대로 나타나지 않는다면? 그 원리와 웹폰트 적용법 

웹문서(web page)의 폰트(font)의 값을 한글의 경우, 굴림 돋움 바탕 등과 

영어는, arial tahoma verdana 등으로 한다면

자신의 홈페이지에 그 웹문서를 올리더라도 다른 사람들이 그 페이지를 볼 때 제대로 나타나게 되는데,
그 이유는 위의 폰트들이 window 의 기본 폰트이기 때문입니다.
즉 보는 이의 컴퓨터 내에도 위에 나열한 폰트들이 기본폰트로 저장되어 있으므로 정상적으로 보이게 되는 것입니다.

그런데, 기본폰트가 아닌 독특한 폰트로 웹문서를 생성한 경우,
자신의 컴퓨터 상에서 그 독특한 폰트가 저장되어 있다면 제대로 보이겠지만,
홈페이지에 방문한 사람들에게는 그러한 폰트가 없기 때문에 웹브라우저의 기본폰트로 나타나게 됩니다.
※ 대체적으로 웹브라우저의 기본폰트는 한글의 경우 굴림, 영어의 경우 arial 입니다.

이런 문제를 해결하기 위해서 생겨난 것이 웹폰트(웹전용 폰트) 입니다.
웹폰트를 기반으로 작성한 홈페이지는 보는 이의 컴퓨터 내에 해당폰트가 없더라도 제대로 보이게 됩니다.
그 이유는 폰트를 웹폰트로 하여 링크시켜 끌어오기 때문입니다.
웹폰트 자체도 자신의 웹상에 올려놓은 것이죠.

웹폰트 적용방법은 다음과 같은 형태로 스타일 시트 부분을 작성해주시면 됩니다.

?

1 2 3 4 5 6

<style type='text/css'> <!-- @font-face { font-family:웹폰트; src:url(http://웹폰트가있는주소); } body { color:#000000; font-size:9pt; font-family: webfont;} --> </style>

청년 웹에이전시-블루스크린

(검색엔진에서 '웹에이전시 블루스크린'을 검색해주세요)