CSS Web font

css apply web font

@font-face apply

@charset "utf-8";

@font-face {
	font-family:"moebius"; 
	src:url("../font/Moebius_Regular_kor.eot"); /* IE9 */
	src:local('☺'), /* prevent over load */
		url("../font/Moebius_Regular_kor.eot?iefix")format("embedded-opentype"), /* IE6 ~ IE8 */
		url('../font/Moebius_Regular_kor.wotf') format('woff'), /* IE9+, chrome, safari */
		url('../font/Moebius_Regular_kor.ttf') format('truetype');
		url('~../font/Moebius_Regular_kor.svg#moebius') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"moebius_bold"; 
	src:url("../font/Moebius_Bold_kor.eot"); 
	src:local('☺'), 
		url("../font/Moebius_Bold_kor.eot?#iefix")format("embedded-opentype"),
		url('../font/Moebius_Bold_kor.wotf') format('wotf'),
		url('../font/Moebius_Bold_kor.ttf') format('truetype');
		url('../font/Moebius_~Bold_kor.svg#moebius_bold') format('svg');
	font-weight:normal;
	font-style:normal;
}

* {font-family:"moebius"; }

Google Web font

@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {font-family: 'Nanum Gothic'}

Leave a Reply