일본어를 사용할 수 있는 무료 웹 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>
Reference
이 문제에 관하여(일본어를 사용할 수 있는 무료 웹 Fonts를 사용해 보세요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/itagakishintaro/items/8a5b9a093186dba441dd텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)