Notice
Recent Posts
Recent Comments
Link
«   2018/09   »
일 월 화 수 목 금 토
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
Tags more
Archives
Today
703
Total
1,191,839
관리 메뉴

심재운 블로그

NanumSquare 웹폰트 사용해보기 본문

프로그래밍/HTML

NanumSquare 웹폰트 사용해보기

재우니 2018.04.20 15:50


nanumsquare.css 

/*
* Nanum Square Web Fonts
* Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com)
*/

@font-face {
font-family: "NanumSquareLight";
src: url(/font/NanumSquareL.eot);
src: url(/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
url(/font/NanumSquareL.woff) format('woff'),
url(/font/NanumSquareL.ttf) format('truetype');
}

@font-face {
font-family: "NanumSquare";
src: url(/font/NanumSquareR.eot);
src: url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
url(/font/NanumSquareR.woff2) format('woff2'),
url(/font/NanumSquareR.woff) format('woff'),
url(/font/NanumSquareR.ttf) format('truetype');
}

@font-face {
font-family: "NanumSquareBold";
src: url(/font/NanumSquareB.eot);
src: url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
url(/font/NanumSquareB.woff2) format('woff2'),
url(/font//NanumSquareB.woff) format('woff'),
url(/font/NanumSquareB.ttf) format('truetype');
}


<link rel="stylesheet" href="nanumsquare.css"> 를 상단에 추가하고....

스타일시트 구현한다.

<style type="text/css">
.caption4 {
font-family: "NanumSquare";
font-size: 19px;
line-height: 28px;
font-weight: 600;
}
</style>


<p class="caption4">동해물과 백두산이 마르고 닳도록</p>


아니면... https://github.com/moonspam/NanumSquare 여기 사이트가면 쉽게 사용하는 방법도 제공합니다.


NanumSquare.zip


저작자표시비영리동일조건

'프로그래밍 > HTML' 카테고리의 다른 글

NanumSquare 웹폰트 사용해보기  (0) 2018.04.20
폰트 사이즈 font sizes 에서 points, pixels, ems, percent 비교  (0) 2018.04.20
비동기 화면에서 뒤로가기 back 버튼 마우스를 클릭시 window.history.pushState 사용하기  (0) 2018.04.09
엑셀을 html 의 table 테이블 html 태그 제공 (https://codebeautify.org)  (0) 2017.11.06
javascript 로 로딩바 만들어 보기  (0) 2017.07.07
html 5 환경에서 파일 사이즈 file size 알아내기  (0) 2017.07.04
'프로그래밍/HTML' Related Articles more
0 Comments
댓글쓰기 폼
Prev 1 2 3 4 5 ··· 15 Next