mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-07 18:51:41 +09:00
NanumGothic web font using google CDN.
git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12334 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong
parent
8e08636465
commit
ce4aa30b92
29 changed files with 6 additions and 209 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,203 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>나눔글꼴 웹폰트 미리보기</title>
|
||||
<style>
|
||||
/* 나눔고딕 Light */
|
||||
@font-face{font-family:NGL;src:url(NanumGothicLight.eot);src:local(※),url(NanumGothicLight.woff) format('woff')}
|
||||
.NGL{font-family:'나눔고딕 Light', NGL, sans-serif}
|
||||
/* 나눔고딕 */
|
||||
@font-face{font-family:NG;src:url(NanumGothic.eot);src:local(※),url(NanumGothic.woff) format('woff')}
|
||||
.NG{font-family:나눔고딕, NG, sans-serif}
|
||||
/* 나눔고딕 Bold */
|
||||
@font-face{font-family:NGB;src:url(NanumGothicBold.eot);src:local(※),url(NanumGothicBold.woff) format('woff')}
|
||||
.NGB{font-family:'나눔고딕 Bold', NGB, sans-serif}
|
||||
/* 나눔고딕 ExtraBold */
|
||||
@font-face{font-family:NGEB;src:url(NanumGothicExtraBold.eot);src:local(※),url(NanumGothicExtraBold.woff) format('woff')}
|
||||
.NGEB{font-family:'나눔고딕 ExtraBold', NGEB, sans-serif}
|
||||
/* 나눔명조 */
|
||||
@font-face{font-family:NM;src:url(NanumMyeongjo.eot);src:local(※),url(NanumMyeongjo.woff) format('woff')}
|
||||
.NM{font-family:'나눔명조', NM, serif}
|
||||
/* 나눔명조 Bold */
|
||||
@font-face{font-family:NMB;src:url(NanumMyeongjoBold.eot);src:local(※),url(NanumMyeongjoBold.woff) format('woff')}
|
||||
.NMB{font-family:'나눔명조 Bold', NMB, serif}
|
||||
/* 나눔명조 ExtraBold */
|
||||
@font-face{font-family:NMEB;src:url(NanumMyeongjoExtraBold.eot);src:local(※),url(NanumMyeongjoExtraBold.woff) format('woff')}
|
||||
.NMEB{font-family:'나눔명조 ExtraBold', NMEB, serif}
|
||||
/* 나눔고딕코딩 */
|
||||
@font-face{font-family:NGC;src:url(NanumGothicCoding.eot);src:local(※),url(NanumGothicCoding.woff) format('woff')}
|
||||
.NGC{font-family:나눔고딕코딩, NGC, Monospace}
|
||||
/* 나눔고딕코딩-Bold */
|
||||
@font-face{font-family:NGCB;src:url(NanumGothicCodingBold.eot);src:local(※),url(NanumGothicCodingBold.woff) format('woff')}
|
||||
.NGCB{font-family:나눔고딕코딩-Bold, NGCB, Monospace}
|
||||
/* 나눔손글씨 붓 */
|
||||
@font-face{font-family:NB;src:url(NanumBrush.eot);src:local(※),url(NanumBrush.woff) format('woff')}
|
||||
.NB{font-family:'나눔손글씨 붓', NB, Cursive}
|
||||
/* 나눔손글씨 펜 */
|
||||
@font-face{font-family:NP;src:url(NanumPen.eot);src:local(※),url(NanumPen.woff) format('woff')}
|
||||
.NP{font-family:'나눔손글씨 펜', NP, Cursive}
|
||||
/* Custom */
|
||||
.resize{text-align:right}
|
||||
.table{border-collapse:collapse;border:1px dotted #ccc;border-right:0;border-left:0;width:100%}
|
||||
.table tr{border:1px dotted #ccc;border-right:0;border-left:0}
|
||||
.table th, .table td{padding:10px}
|
||||
.table th{text-align:left;font-family:나눔고딕코딩, NGC, Monospace}
|
||||
.table thead th{background:#eee}
|
||||
.table tbody th{background:#f4f4f4}
|
||||
.css{margin:1em 0}
|
||||
.css>code{display:block;font-family:나눔고딕코딩, NGC, Monospace}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="NG">Nanum Web Font</h1>
|
||||
<p>Nanum Web Fonts support 'English, Korean, Japanese' language.</p>
|
||||
<h2 class="NG">Preview</h2>
|
||||
<p class="resize">{font-size:<strong></strong>px} <button type="button" class="plus">Large</button> <button type="button" class="minus">Small</button> <button type="button" class="default">Default</button></p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Font Name</th>
|
||||
<th scope="col">Normal</th>
|
||||
<th scope="col">Bold</th>
|
||||
<th scope="col">Download</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">SystemDefault</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr class="NGL">
|
||||
<th scope="row">NanumGothicLight</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td><a href="NanumGothicLight.woff">WOFF</a>, <a href="NanumGothicLight.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NG">
|
||||
<th scope="row">NanumGothic</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumGothic.woff">WOFF</a>, <a href="NanumGothic.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NGB">
|
||||
<th scope="row">NanumGothicBold</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumGothicBold.woff">WOFF</a>, <a href="NanumGothicBold.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NGEB">
|
||||
<th scope="row">NanumGothicExtraBold</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumGothicExtraBold.woff">WOFF</a>, <a href="NanumGothicExtraBold.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NM">
|
||||
<th scope="row">NanumMyeongjo</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumMyeongjo.woff">WOFF</a>, <a href="NanumMyeongjo.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NMB">
|
||||
<th scope="row">NanumMyeongjoBold</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumMyeongjoBold.woff">WOFF</a>, <a href="NanumMyeongjoBold.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NMEB">
|
||||
<th scope="row">NanumMyeongjoExtraBold</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumMyeongjoExtraBold.woff">WOFF</a>, <a href="NanumMyeongjoExtraBold.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NGC">
|
||||
<th scope="row">NanumGothicCoding</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumGothicCoding.woff">WOFF</a>, <a href="NanumGothicCoding.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NGCB">
|
||||
<th scope="row">NanumGothicCodingBold</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumGothicCodingBold.woff">WOFF</a>, <a href="NanumGothicCodingBold.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NB">
|
||||
<th scope="row">NanumBrush</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumBrush.woff">WOFF</a>, <a href="NanumBrush.eot">EOT</a></td>
|
||||
</tr>
|
||||
<tr class="NP">
|
||||
<th scope="row">NanumPen</th>
|
||||
<td>English 한글 ひらがな</td>
|
||||
<td><strong>English 한글 ひらがな</strong></td>
|
||||
<td class="NGL"><a href="NanumPen.woff">WOFF</a>, <a href="NanumPen.eot">EOT</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h2 class="NG">CSS Code</h2>
|
||||
<p>You should modify file path.</p>
|
||||
<blockquote class="css">
|
||||
<code>
|
||||
<h3>/* 나눔고딕 Light */</h3>
|
||||
<p>@font-face{font-family:NGL;src:url(NanumGothicLight.eot);src:local(※),url(NanumGothicLight.woff) format('woff')}<br>
|
||||
.NGL{font-family:'나눔고딕 Light', NGL, sans-serif}</p>
|
||||
<h3>/* 나눔고딕 */</h3>
|
||||
<p>@font-face{font-family:NG;src:url(NanumGothic.eot);src:local(※),url(NanumGothic.woff) format('woff')}<br>
|
||||
.NG{font-family:나눔고딕, NG, sans-serif}</p>
|
||||
<h3>/* 나눔고딕 Bold */</h3>
|
||||
<p>@font-face{font-family:NGB;src:url(NanumGothicBold.eot);src:local(※),url(NanumGothicBold.woff) format('woff')}<br>
|
||||
.NGB{font-family:'나눔고딕 Bold', NGB, sans-serif}</p>
|
||||
<h3>/* 나눔고딕 ExtraBold */</h3>
|
||||
<p>@font-face{font-family:NGEB;src:url(NanumGothicExtraBold.eot);src:local(※),url(NanumGothicExtraBold.woff) format('woff')}<br>
|
||||
.NGEB{font-family:'나눔고딕 ExtraBold', NGEB, sans-serif}</p>
|
||||
<h3>/* 나눔명조 */</h3>
|
||||
<p>@font-face{font-family:NM;src:url(NanumMyeongjo.eot);src:local(※),url(NanumMyeongjo.woff) format('woff')}<br>
|
||||
.NM{font-family:'나눔명조', NM, serif}</p>
|
||||
<h3>/* 나눔명조 Bold */</h3>
|
||||
<p>@font-face{font-family:NMB;src:url(NanumMyeongjoBold.eot);src:local(※),url(NanumMyeongjoBold.woff) format('woff')}<br>
|
||||
.NMB{font-family:'나눔명조 Bold', NMB, serif}</p>
|
||||
<h3>/* 나눔명조 ExtraBold */</h3>
|
||||
<p>@font-face{font-family:NMEB;src:url(NanumMyeongjoExtraBold.eot);src:local(※),url(NanumMyeongjoExtraBold.woff) format('woff')}<br>
|
||||
.NMEB{font-family:'나눔명조 ExtraBold', NMEB, serif}</p>
|
||||
<h3>/* 나눔고딕코딩 */</h3>
|
||||
<p>@font-face{font-family:NGC;src:url(NanumGothicCoding.eot);src:local(※),url(NanumGothicCoding.woff) format('woff')}<br>
|
||||
.NGC{font-family:나눔고딕코딩, NGC, Monospace}</p>
|
||||
<h3>/* 나눔고딕코딩-Bold */</h3>
|
||||
<p>@font-face{font-family:NGCB;src:url(NanumGothicCodingBold.eot);src:local(※),url(NanumGothicCodingBold.woff) format('woff')}<br>
|
||||
.NGCB{font-family:나눔고딕코딩-Bold, NGCB, Monospace}</p>
|
||||
<h3>/* 나눔손글씨 붓 */</h3>
|
||||
<p>@font-face{font-family:NB;src:url(NanumBrush.eot);src:local(※),url(NanumBrush.woff) format('woff')}<br>
|
||||
.NB{font-family:'나눔손글씨 붓', NB, Cursive}</p>
|
||||
<h3>/* 나눔손글씨 펜 */</h3>
|
||||
<p>@font-face{font-family:NP;src:url(NanumPen.eot);src:local(※),url(NanumPen.woff) format('woff')}<br>
|
||||
.NP{font-family:'나눔손글씨 펜', NP, Cursive}</p>
|
||||
</code>
|
||||
</blockquote>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script>
|
||||
jQuery(function($){
|
||||
var defaultSize = $('table').css('fontSize');
|
||||
$('.resize>strong').text(parseInt(defaultSize));
|
||||
$('.resize>button').click(function(){
|
||||
var currentSize = parseInt($('table').css('fontSize'));
|
||||
var more = currentSize + 1;
|
||||
var less = currentSize - 1;
|
||||
var $this = $(this);
|
||||
if(this.className == 'plus') {
|
||||
$('table').css('fontSize', more + 'px');
|
||||
} else if (this.className == 'minus') {
|
||||
$('table').css('fontSize', less + 'px');
|
||||
} else if (this.className == 'default') {
|
||||
$('table').css('fontSize', defaultSize);
|
||||
}
|
||||
var result = parseInt($('table').css('fontSize'));
|
||||
$(this).parent().find('>strong:first-child').text(result);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,7 +3,7 @@ body{min-width:300px;padding:0 10px}
|
|||
body,table,input,textarea,button,select{font-family:돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
@media all and (min-width:768px){
|
||||
body{padding:0}
|
||||
@font-face{font-family:NG;src:url(../../common/font/NanumGothic.eot);src:local(※),url(../../common/font/NanumGothic.woff) format('woff')}
|
||||
@font-face{font-family:NG;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:local(※),url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')}
|
||||
body,table,input,textarea,select,button{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif;font-size:13px}
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6,th,strong,b{font-weight:600}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
@charset "utf-8";
|
||||
@font-face{font-family:NG;src:url(../../common/font/NanumGothic.eot);src:local(※),url(../../common/font/NanumGothic.woff) format('woff')}
|
||||
@font-face{font-family:NG;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot)}
|
||||
body,table,input,textarea,select,button{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif;font-size:13px}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
@charset "utf-8";
|
||||
@font-face{font-family:NG;src:url(../../../../common/font/NanumGothic.eot);src:local(※),url(../../../../common/font/NanumGothic.woff) format('woff')}
|
||||
@font-face{font-family:NG;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:local(※),url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')}
|
||||
body>.x,.x table,.x input,.x textarea,.x select,.x button{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
@media all and (max-width:980px){
|
||||
body>.x,.x table,.x input,.x textarea,.x select,.x button{font-family:돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
@charset "utf-8";
|
||||
@font-face{font-family:NG;src:url(../../../../common/font/NanumGothic.eot);src:local(※),url(../../../../common/font/NanumGothic.woff) format('woff')}
|
||||
@font-face{font-family:NG;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:local(※),url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')}
|
||||
body>.x,.x table,.x input,.x textarea,.x select,.x button{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
@media all and (max-width:980px){
|
||||
body>.x,.x table,.x input,.x textarea,.x select,.x button{font-family:돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
@charset "utf-8";
|
||||
@font-face{font-family:NG;src:url(../../../../common/font/NanumGothic.eot);src:local(※),url(../../../../common/font/NanumGothic.woff) format('woff')}
|
||||
@font-face{font-family:NG;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:local(※),url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')}
|
||||
body>.x,.x table,.x input,.x textarea,.x select,.x button{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
@media all and (max-width:980px){
|
||||
body>.x,.x table,.x input,.x textarea,.x select,.x button{font-family:돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@charset "utf-8";
|
||||
/* NHN | dece24@nhncorp.com */
|
||||
@font-face{font-family:NG;src:url(../../../../common/font/NanumGothic.eot);src:local(※),url(../../../../common/font/NanumGothic.woff) format('woff')}
|
||||
@font-face{font-family:NG;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:local(※),url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')}
|
||||
body, #access table, #access input, #access textarea, #access select, #access button, #access label{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif;font-size:13px}
|
||||
@media all and (max-width:980px){
|
||||
body, #access table, #access input, #access textarea, #access select, #access button, #access label{font-family:돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue