# font

# 폰트 임베드

@font-face{

font-family : Graublauweb;

src:url('Graublauweb.eot');                                        /* ie9 호환성 모드 */

src:url('Graublauweb.eot?') format('eot'),                    /* ie6~8 호환성 모드 */

url('Graublauweb.woff') format('woff'),                         /* 현대 브라우저 */

url('Graublauweb.ttf') format('truetype'),                       /* 사파리, 안드로이드 ios */

url('Graublauweb.svg#svgGrauweb') format('svg');       /* 레거시 ios */

}

# 폰트 크기 비교 표 (pt, px, em, %)

body {

        font-size: 62.5%;  // 1em =>10px

line-height: 1;

}

pixels	rem (css3)
12px	1.2rem

출처 : http://reeddesign.co.uk/test/points-pixels.html

# //cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css (나눔스퀘어)

/* 

 * Nanum Square Web Fonts

 * https://github.com/hiun/NanumSquare

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

 */

 

@font-face {

  font-family: 'Nanum Square';

  font-style: normal;

  font-weight: 400;

  src: url(./NanumSquareR.eot);

  src: local('Nanum Square Regular'),

       local('NanumSquareR'),

       url(./NanumSquareR.eot?#iefix) format('embedded-opentype'),

       url(./NanumSquareR.woff2) format('woff2'),

       url(./NanumSquareR.woff) format('woff'),

       url(./NanumSquareR.ttf) format('truetype');

}

@font-face {

  font-family: 'Nanum Square';

  font-style: bold;

  font-weight: 700;

  src: url(./NanumSquareB.eot);

  src: local('Nanum Square Bold'),

       local('NanumSquareB'),

       url(./NanumSquareB.eot?#iefix) format('embedded-opentype'),

       url(./NanumSquareB.woff2) format('woff2'),

       url(./NanumSquareB.woff) format('woff'),

       url(./NanumSquareB.ttf) format('truetype');

}

# //fonts.googleapis.com/earlyaccess/nanumgothic.css (나눔고딕)

/*

 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess

 */

@font-face {

  font-family: 'Nanum Gothic';

  font-style: normal;

  font-weight: 400;

  src: url(./NanumGothic-Regular.eot);

  src: url(./NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),

       url(./NanumGothic-Regular.woff2) format('woff2'),

       url(./NanumGothic-Regular.woff) format('woff'),

       url(./NanumGothic-Regular.ttf) format('truetype');

}

@font-face {

  font-family: 'Nanum Gothic';

  font-style: normal;

  font-weight: 700;

  src: url(./NanumGothic-Bold.eot);

  src: url(./NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),

       url(./NanumGothic-Bold.woff2) format('woff2'),

       url(./NanumGothic-Bold.woff) format('woff'),

       url(./NanumGothic-Bold.ttf) format('truetype');

}

@font-face {

  font-family: 'Nanum Gothic';

  font-style: normal;

  font-weight: 800;

  src: url(./NanumGothic-ExtraBold.eot);

  src: url(./NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),

       url(./NanumGothic-ExtraBold.woff2) format('woff2'),

       url(./NanumGothic-ExtraBold.woff) format('woff'),

       url(./NanumGothic-ExtraBold.ttf) format('truetype');

}