Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
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 31
Tags
more
Archives
Today
Total
관리 메뉴

츄우우웅

폰트세팅 본문

css

폰트세팅

츄우우웅 2017. 10. 25. 12:32

/********* HABANAS [폰트세팅] 구글 웹폰트 본고딕 & 한글 전체 적용코드 *****************/
@import url(//fonts.googleapis.com/earlyaccess/hanna.css);
@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(//fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* 적용CSS 태그 */
.hanna { font-family: ‘Hanna’; }
.jejugothic { font-family: ‘Jeju Gothic’; }
.jejuhallasan { font-family: ‘Jeju Hallasan’; }
.jejumyeongjo { font-family: ‘Jeju Myeongjo’; }
.kopubbatang { font-family: ‘Kopub Batang’; }
.nanumbrushscript { font-family: ‘Nanum Brush Script’; }
.nanumgothic { font-family: ‘Nanum Gothic’; }
.nanumgothiccoding { font-family: ‘Nanum Gothic Coding’; }
.nanummyeongjo { font-family: ‘Nanum Myeongjo’; }
.nanumpenscript { font-family: ‘Nanum Pen Script’; }
.notosanskr{ font-family: ‘Noto Sans KR’; }
/* HB초이스 디자인 영문폰트 적용 */
@font-face {font-family:’Raleway’;src:url(‘/web/upload/hb/font/Raleway.eot’);src:url(‘/web/upload/hb/font/Raleway.eot?#iefix’) format(’embedded-opentype’),url(‘/web/upload/hb/font/Raleway.woff’) format(‘woff’),
url(‘/web/upload/hb/font/Raleway.ttf’) format(‘truetype’),url(‘/web/upload/hb/font/Raleway.svg#Raleway’) format(‘svg’);font-weight:400;font-style:normal;}
@font-face {font-family:’Roboto’;src:url(‘/web/upload/hb/font/RobotoCondensed-Regular-webfont.eot’);src:url(‘/web/upload/hb/font/RobotoCondensed-Regular-webfont.eot?#iefix’) format(’embedded-opentype’),url(‘/web/upload/hb/font/RobotoCondensed-Regular-webfont.woff’) format(‘woff’),
url(‘/web/upload/hb/font/RobotoCondensed-Regular-webfont.ttf’) format(‘truetype’),url(‘/web/upload/hb/font/RobotoCondensed-Regular-webfont.svg’) format(‘svg’);font-weight:400;font-style:normal;}
@font-face {font-family:’PTSans’;src:url(‘/web/upload/hb/font/PTSans.eot’);src:url(‘/web/upload/hb/font/PTSans.eot?#iefix’) format(’embedded-opentype’),url(‘/web/upload/hb/font/PTSans.woff’) format(‘woff’),
url(‘/web/upload/hb/font/PTSans.ttf’) format(‘truetype’),url(‘/web/upload/hb/font/PTSans.svg#Raleway’) format(‘svg’);font-weight:400;font-style:normal;}
@font-face {font-family:’Glyphicons Halflings’;src:url(‘/web/upload/hb/font/glyphicons-halflings-regular.eot’);src:url(‘/web/upload/hb/font/glyphicons-halflings-regular.eot?#iefix’) format(’embedded-opentype’),
url(‘/web/upload/hb/font/glyphicons-halflings-regular.woff’) format(‘woff’),url(‘/web/upload/hb/font/glyphicons-halflings-regular.ttf’) format(‘truetype’),url(‘/web/upload/hb/font/glyphicons-halflings-regular.svg#glyphicons-halflingsregular’) format(‘svg’);}
@font-face {font-family:’Noto Sans KR’;src:url(‘/web/upload/hb/font/NotoSans-Regular.eot’);src:url(‘/web/upload/hb/font/NotoSans-Regular.eot?#iefix’) format(’embedded-opentype’),
url(‘/web/upload/hb/font/NotoSans-Regular.woff’) format(‘woff’),url(‘/web/upload/hb/font/NotoSans-Regular.otf’) format(‘otf’);font-weight:400;font-style:normal;}
/* 적용CSS 태그 */
.raleway {font-family: ‘Raleway’,sans-serif;}
.roboto {font-family: ‘Roboto’,sans-serif;}
.noto { font-family: ‘Noto Sans KR’,sans-serif; }
.ptsans { font-family: ‘PTSans’,sans-serif; }

/* HB초이스 디자인 구글 머트리얼 폰트 적용 */
@font-face {
font-family: ‘Material Icons’;
font-style: normal;
font-weight: 400;
src: url(‘/web/upload/hb/font/MaterialIcons-Regular.eot’); /* For IE6-8 */
src: local(‘Material Icons’),
local(‘MaterialIcons-Regular’),
url(‘/web/upload/hb/font/MaterialIcons-Regular.woff2’) format(‘woff2’),
url(‘/web/upload/hb/font/MaterialIcons-Regular.woff’) format(‘woff’),
url(‘/web/upload/hb/font/MaterialIcons-Regular.ttf’) format(‘truetype’);
}
/* 적용CSS 태그 */
.material-icons {
font-family: ‘Material Icons’;
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: ‘liga’;
}
/********* [폰트세팅] end *****************/

Comments