일본어를 사용할 수 있는 무료 웹 Fonts를 사용해 보세요.

2424 단어 webfont
요즘 일본어를 사용할 수 있는 무료 인터넷이 있는 것 같아서 얼른 사용해 보세요.
좋아하는 문제일지 몰라도 가는 글씨가 멋있어요.
일본어도 타자를 의식할 수 있는 시대가 왔죠.
다만, 사용하기에 좀 느리다.
비교

Google Noto Sans Font Japanese
IPA 글꼴
M+ Fonts
IPA 글꼴 기반 글꼴
NGT Font
IPA 글꼴 기반 글꼴
bokutachi
샘플 코드
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Web Font</title>
    <style>
    /*Google Noto Sans Web Fonts*/
    @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
    #noto {
        font-family: 'Noto Sans Japanese', serif;
        font-weight: lighter;
    }

    /*IPAフォント*/
    @font-face {
        font-family: ipaexg;
        src: url('IPAexfont00301/ipaexg.ttf');
    }
    #ipaexg {
        font-family: ipaexg;
        font-weight: lighter;
    }

    /*mplus font*/
    @font-face {
        font-family: mplus-1p-light;
        src: url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1p-light.ttf');
        format("truetype");
    }
    #mplus {
        font-family: mplus-1p-light;
        font-weight: lighter;
    }

    /*NGT Font*/
    @font-face {
        font-family: ngt;
        src: url('ngtmp/ngtmp.ttf');
    }
    #ngt {
        font-family: ngt;
        font-weight: lighter;
    }

    /*bokutachi*/
    @font-face {
        font-family: bokutachi;
        src: url('boku/bokutachi.otf');
    }
    #bokutachi {
        font-family: bokutachi;
        font-weight: lighter;
    }
    </style>
</head>

<body>
    <h1>Google Noto Sans Web Fontsを使ってみない。</h1>
    <h1 id="noto">Google Noto Sans Web Fontsを使ってみる。</h1>
    <hr>
    <h1>IPAフォントを使ってみない。</h1>
    <h1 id="ipaexg">IPAフォントを使ってみる。</h1>
    <hr>
    <h1>M+ Fontを使ってみない。</h1>
    <h1 id="mplus">M+ Fontを使ってみる。</h1>
    <hr>
    <h1>NGT Fontを使ってみない。</h1>
    <h1 id="ngt">NGT Fontを使ってみる。</h1>
    <hr>
    <h1>ぼくたちフォント(bokutachi)を使ってみない。</h1>
    <h1 id="bokutachi">ぼくたちフォント(bokutachi)を使ってみる。</h1>
</body>

</html>

좋은 웹페이지 즐겨찾기