Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
​
<!doctype html>
<html lang="ko">
 <head>
<meta charset="UTF-8">
<title>돋움폰트 테스트</title>
<style>
*{margin:0;padding:0}
body{margin:10px;font-family:'돋움',Dotum,Helvetica,sans-serif}
h1{font-size:17px;color:rgb(209, 21, 21)}
h2{font-size:17px;color:green}
h3{font-size:15px;color:blue}
div{margin-top:15px}
.fl{overflow:hidden;float:left;width:50%}
.inner{padding-left:50px}
.verdana p{font-family:verdana,'돋움',Dotum,Helvetica,sans-serif}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
</style>
</head>
<body>
<h1>돋움폰트 테스트</h1>
<div class="fl">
    <h2>돋움만 선언</h2>
    <div class="fs12">
        <h3>font-size:12</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs13">
        <h3>font-size:13</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs14">
        <h3>font-size:14</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs15">
        <h3>font-size:15</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs16">
        <h3>font-size:16</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs17">
        <h3>font-size:17</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs18">
        <h3>font-size:18</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
</div>
<div class="fl verdana">
<div class="inner">
    <h2>돋움앞에 verdana 선언</h2>
    <div class="fs12">
        <h3>font-size:12</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs13">
        <h3>font-size:13</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs14">
        <h3>font-size:14</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs15">
        <h3>font-size:15</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs16">
        <h3>font-size:16</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs17">
        <h3>font-size:17</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
    <div class="fs18">
        <h3>font-size:18</h3>
        <p>한글 : 가나다라마바사아자차카파타하</p>
        <p>영문소문자 : abcdefghijklmnopqrstuvwxyz</p>
        <p>영문대문자 : ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
        <p>영문 : Sharma</p>
        <p>영문 : ma / mb / mc / md / me / mf / mg / mh / mi / mj / mk / ml / mm / mn / mo / mp / mq / mr / ms / mt / mu / mv / mw / mx / my / mz</p>
        <p>영문 : BA / BB / BC / BD / BE / BF / BG / BH / BI / BJ / BK / BL / BM / BN / BO / BP / BQ / BR / BS / BT / BU / BV / BW / BX / BY / BZ</p>
    </div>
</div>
</div>
 </body>
</html>
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers