forked from chalkpe/NanumSquareRound
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
58 lines (56 loc) · 1.54 KB
/
index.html
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="ko">
<head>
<title>나눔스퀘어라운드 웹폰트</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="nanumsquareround.css" rel="stylesheet">
<style>
html, body{
margin: 0;
padding: 0;
height: 100%;
}
body{
background-color:#F9FAFC;
font:16px/1.6em 'NanumSquareRound', sans-serif;
color:#212528;
}
.outer {
width:100%;
height:100%;
display: table;
}
.inner {
display: table-cell;
vertical-align: middle;
text-align:center
}
.centered {
position: relative;
display: inline-block;
width: 50%;
padding: 1em;
background: #17a2b8;
color: white;
}
p {text-align:center}
p strong.extraB {font-weight: 800}
p.light {font-weight: 300}
</style>
</head>
<body>
<div class=outer>
<div class=inner>
<div class=centered>
<p>이 폰트 테스트는 <a href="http://hangeul.naver.com/2017/nanum">네이버 나눔글꼴</a> 중 나눔스퀘어라운드 테스트입니다.</p>
<br />
<p>어제를 배우고, 오늘을 살며 , 내일을 꿈구어라</p>
<p><strong>어제를 배우고, 오늘을 살며 , 내일을 꿈구어라</strong></p>
<p><strong class="extraB">어제를 배우고, 오늘을 살며 , 내일을 꿈구어라</strong></p>
<p class="light">어제를 배우고, 오늘을 살며 , 내일을 꿈구어라</p>
</div>
</div>
</div>
</body>
</html>