상세 컨텐츠

본문 제목

맑은고딕폰트 웹사이트(홈페이지)에 적용하기 웹폰트

IT공부방/HTML5, CSS

by 동해둘리 2018. 3. 21. 16:29

본문

반응형

윈도우 XP 의 기본폰트는 굴림체 였었는데,

윈도우비스타 이후부터는 맑은고딕 폰트가 기본폰트로 적용되어 있습니다.













이, 맑은고딕 폰트를 웹페이지에 적용하는 방법을 알려드립니다



우선 아래의 폰트파일을 다운로드 한 후에, 웹사이트의 특정 폴더에 업로드 합니다.



MalgunGothic.eot




페이지의 상단에 아래와 같이 폰트파일을 지정한후 사용하시면 됩니다





<html>
<head>

<title></title>


<style>

@font-face {font-family:MalgunGothic; src:url(font/MalgunGothic.eot);}


.malgun { font-family:'Malgun Gothic' !important; }

</style>


</head>

<body>


<font class = "malgun">

     안녕하세요 맑음고딕 폰트입니다.

</font>


</body>

</html>









반응형

관련글 더보기

댓글 영역