This commit is contained in:
shim
2023-04-17 11:06:08 +09:00
parent d0b393aa97
commit 76264e09ad
4686 changed files with 552713 additions and 0 deletions

View File

@@ -0,0 +1,3 @@
노토산스 라이선스
Noto is a trademark of Google Inc. Noto fonts are open source. All Noto fonts are published under the SIL Open Font License, Version 1.1. Language data and some sample texts are from the Unicode CLDR project.

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.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,5 @@
# NotoSans-subset
NotoSansCJKkr(bold, light, medium, regular)을 경량화한 한글 웹폰트입니다. 경량화한 방법은 [한글 웹 폰트 경량화해 사용하기](http://blog.coderifleman.com/post/111825720099)를 참고해주세요.
[NotoSans](https://www.google.com/get/noto/#/)는 Google과 어도비가 합작해 개발한 웹폰트입니다. 라이센스는 [Apache License 2.0](http://www.apache.org/licenses/LICENSE-2.0.html) 입니다.

View File

@@ -0,0 +1,418 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, noarchive">
<title>Transfonter demo</title>
<link href="fonts.css" rel="stylesheet">
<style>
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* common styles */
body {
background: #f1f1f1;
color: #000;
}
.page {
background: #fff;
width: 920px;
margin: 0 auto;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.font-container {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 40px;
line-height: 1.3;
white-space: nowrap;
padding-bottom: 5px;
}
h1 {
position: relative;
background: #444;
font-size: 32px;
color: #fff;
padding: 10px 20px;
margin: 0 -20px 12px -20px;
}
.letters {
font-size: 25px;
margin-bottom: 20px;
}
.s10:before {
content: '10px';
}
.s11:before {
content: '11px';
}
.s12:before {
content: '12px';
}
.s14:before {
content: '14px';
}
.s18:before {
content: '18px';
}
.s24:before {
content: '24px';
}
.s30:before {
content: '30px';
}
.s36:before {
content: '36px';
}
.s48:before {
content: '48px';
}
.s60:before {
content: '60px';
}
.s72:before {
content: '72px';
}
.s10:before,
.s11:before,
.s12:before,
.s14:before,
.s18:before,
.s24:before,
.s30:before,
.s36:before,
.s48:before,
.s60:before,
.s72:before {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
color: #999;
padding-right: 6px;
}
pre {
display: block;
position: relative;
padding: 9px;
margin: 0 0 10px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
font-size: 13px;
line-height: 1.428571429;
color: #333;
font-weight: normal !important;
font-style: normal !important;
background-color: #f5f5f5;
border: 1px solid #ccc;
overflow-x: auto;
border-radius: 4px;
}
pre:after {
display: block;
position: absolute;
right: 0;
top: 0;
content: 'Usage';
line-height: 1;
padding: 5px 8px;
font-size: 12px;
color: #767676;
background-color: #fff;
border: 1px solid #ccc;
border-right: none;
border-top: none;
border-radius: 0 4px 0 4px;
z-index: 10;
}
/* responsive */
@media (max-width: 959px) {
.page {
width: auto;
margin: 0;
}
}
</style>
</head>
<body>
<div class="page">
<div class="demo" style="font-family: 'NotoSans'; font-weight: 900; font-style: normal;">
<h1>NotoSans Black</h1>
<pre>.your-style {
font-family: 'NotoSans';
font-weight: 900;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz
<br /> ABCDEFGHIJKLMNOPQRSTUVWXYZ
<br /> 0123456789.:,;()*!?'@#
<>$%&^+-=~
<br> 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세
<br> 무궁화 삼천리 화려강산 대한사람 대한으로 길이보전하세.
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
</div>
</div>
<div class="demo" style="font-family: 'NotoSans'; font-weight: 700; font-style: normal;">
<h1>NotoSans Bold</h1>
<pre>.your-style {
font-family: 'NotoSans';
font-weight: 700;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz
<br /> ABCDEFGHIJKLMNOPQRSTUVWXYZ
<br /> 0123456789.:,;()*!?'@#
<>$%&^+-=~
<br> 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세
<br> 무궁화 삼천리 화려강산 대한사람 대한으로 길이보전하세.
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
</div>
</div>
<div class="demo" style="font-family: 'NotoSans'; font-weight: 400; font-style: normal;">
<h1>NotoSans Regular</h1>
<pre>.your-style {
font-family: 'NotoSans';
font-weight: 400;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz
<br /> ABCDEFGHIJKLMNOPQRSTUVWXYZ
<br /> 0123456789.:,;()*!?'@#
<>$%&^+-=~
<br> 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세
<br> 무궁화 삼천리 화려강산 대한사람 대한으로 길이보전하세.
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
</div>
</div>
<div class="demo" style="font-family: 'NotoSans'; font-weight: 100; font-style: normal;">
<h1>NotoSans Thin</h1>
<pre>.your-style {
font-family: 'NotoSans';
font-weight: 100;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz
<br /> ABCDEFGHIJKLMNOPQRSTUVWXYZ
<br /> 0123456789.:,;()*!?'@#
<>$%&^+-=~
<br> 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세
<br> 무궁화 삼천리 화려강산 대한사람 대한으로 길이보전하세.
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
</div>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,10 @@
@font-face {
font-family: 'NotoSans';
font-style: normal;
font-weight: 400;
src: local('NotoSans'),
url('NotoSans-Regular.woff2') format('woff2'),
url('NotoSans-Regular.woff') format('woff'),
url('NotoSans-Regular.otf') format('opentype'),
url('NotoSans-Regular.eot') format('embedded-opentype');
}

View File

@@ -0,0 +1,65 @@
@font-face {
font-family: 'NotoSans';
font-style: normal;
font-weight: 100;
src: local('NotoSans'),
url('NotoSans-Thin.woff2') format('woff2'),
url('NotoSans-Thin.woff') format('woff'),
url('NotoSans-Thin.otf') format('opentype'),
url('NotoSans-Thin.eot') format('embedded-opentype');
}
@font-face {
font-family: 'NotoSans';
font-style: normal;
font-weight: 300;
src: local('NotoSans'),
url('NotoSans-Light.woff2') format('woff2'),
url('NotoSans-Light.woff') format('woff'),
url('NotoSans-Light.otf') format('opentype'),
url('NotoSans-Light.eot') format('embedded-opentype');
}
@font-face {
font-family: 'NotoSans';
font-style: normal;
font-weight: 400;
src: local('NotoSans'),
url('NotoSans-Regular.woff2') format('woff2'),
url('NotoSans-Regular.woff') format('woff'),
url('NotoSans-Regular.otf') format('opentype'),
url('NotoSans-Regular.eot') format('embedded-opentype');
}
@font-face {
font-family: 'NotoSans';
font-style: normal;
font-weight: 600;
src: local('NotoSans'),
url('NotoSans-Medium.woff2') format('woff2'),
url('NotoSans-Medium.woff') format('woff'),
url('NotoSans-Medium.otf') format('opentype'),
url('NotoSans-Medium.eot') format('embedded-opentype');
}
@font-face {
font-family: 'NotoSans';
font-style: normal;
font-weight: 700;
src: local('NotoSans'),
url('NotoSans-Bold.woff2') format('woff2'),
url('NotoSans-Bold.woff') format('woff'),
url('NotoSans-Bold.otf') format('opentype'),
url('NotoSans-Bold.eot') format('embedded-opentype');
}
@font-face {
font-family: 'NotoSans';
font-style: normal;
font-weight: 900;
src: local('NotoSans'),
url('NotoSans-Black.woff2') format('woff2'),
url('NotoSans-Black.woff') format('woff'),
url('NotoSans-Black.otf') format('opentype'),
url('NotoSans-Black.eot') format('embedded-opentype');
}

File diff suppressed because one or more lines are too long

3
plugins/NotoSans/LICENSE Normal file
View File

@@ -0,0 +1,3 @@
노토산스 라이선스
Noto is a trademark of Google Inc. Noto fonts are open source. All Noto fonts are published under the SIL Open Font License, Version 1.1. Language data and some sample texts are from the Unicode CLDR project.

View File

@@ -0,0 +1,5 @@
# NotoSans-subset
NotoSansCJKkr(bold, light, medium, regular)을 경량화한 한글 웹폰트입니다. 경량화한 방법은 [한글 웹 폰트 경량화해 사용하기](http://blog.coderifleman.com/post/111825720099)를 참고해주세요.
[NotoSans](https://www.google.com/get/noto/#/)는 Google과 어도비가 합작해 개발한 웹폰트입니다. 라이센스는 [Apache License 2.0](http://www.apache.org/licenses/LICENSE-2.0.html) 입니다.