CSS Web font

css apply web font

@font-face apply

<br />
@charset &quot;utf-8&quot;;</p>
<p>@font-face {<br />
	font-family:&quot;moebius&quot;;<br />
	src:url(&quot;../font/Moebius_Regular_kor.eot&quot;); /* IE9 */<br />
	src:local('☺'), /* prevent over load */<br />
		url(&quot;../font/Moebius_Regular_kor.eot?iefix&quot;)format(&quot;embedded-opentype&quot;), /* IE6 ~ IE8 */<br />
		url('../font/Moebius_Regular_kor.wotf') format('woff'), /* IE9+, chrome, safari */<br />
		url('../font/Moebius_Regular_kor.ttf') format('truetype');<br />
		url('~../font/Moebius_Regular_kor.svg#moebius') format('svg');<br />
	font-weight:normal;<br />
	font-style:normal;<br />
}</p>
<p>@font-face {<br />
	font-family:&quot;moebius_bold&quot;;<br />
	src:url(&quot;../font/Moebius_Bold_kor.eot&quot;);<br />
	src:local('☺'),<br />
		url(&quot;../font/Moebius_Bold_kor.eot?#iefix&quot;)format(&quot;embedded-opentype&quot;),<br />
		url('../font/Moebius_Bold_kor.wotf') format('wotf'),<br />
		url('../font/Moebius_Bold_kor.ttf') format('truetype');<br />
		url('../font/Moebius_~Bold_kor.svg#moebius_bold') format('svg');<br />
	font-weight:normal;<br />
	font-style:normal;<br />
}</p>
<p>* {font-family:&quot;moebius&quot;; }<br />

Google Web font

<br />
@charset &quot;utf-8&quot;;</p>
<p>@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);</p>
<p>* {font-family: 'Nanum Gothic'}<br />

Leave a Reply