2015/04/09
無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!
日本語のWEBフォントが無料で利用できてしまうサービスを個人の方がリリースしましたのでご紹介。
これはスゴイです。ご本人曰く「革命的」とおしゃっていますが、まさにその通り。
こんなことを無料でやってしまう人がいるからWEBは面白いですね。
実装方法も恐ろしく簡単です。
WEBサイトに日本語フォントを導入してみたいと一度でも思ったことがある方には、ぜひともチェックしていただきたいサービスです。
とにかく、これはチェックすべきです!
無料で日本語WEBフォントが実装できるようになる「Japont」
Japontは、3846masaさんが作成したサービスです。
このサービスを利用すると、無料で日本語WEBフォントが実装できるようになってしまうのです!
無料ですよ。
元になっている日本語フォントは、やはり無料の日本語フリーフォントが利用されています。
使い方もとっても簡単
使い方もとっても簡単です。
利用したいフォントをプルダウンから選んで、「読み込む」ボタンを押します。
するとコードが表示されます。

表示されたコードは
コメントにありますが、表示させたい部分が含まれるセレクターを、selector=””内に記述して適用させます。
<!– httpss://github.com/WebComponents/webcomponentsjs/# –>
<script src="//cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.6.0/CustomElements.min.js"></script>
<script src="//japont.herokuapp.com/japont.js"></script>
<!– 変更したいDOMのCSSセレクタをselectorとして指定する –>
<!– 例)h1に適応させたい –>
<meta is="web-font" src="IPAexfont/ipaex-mincho.woff" selector="h1"/>
[/html]
WEBフォントのわかりやすい解説も必読
3846masaのブログにある、WEBフォントの解説もとてもわかりやすいので、合わせてご覧になることをおすすめします。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
デザインを華やかにする無料の英語/欧文デザインフォント50
デザインを華やかにする無料の英語/欧文デザインフォントをご紹介します。 ユニークにデザインされたフ
-
-
商用利用可能な無料の筆記体英語・欧文フォント(スクリプトフォント)65
エレガントなデザインや、ガーリーテイストのデザインに欠かせないのが、筆記体のフォント、いわゆるスクリ
-
-
3000円で150万円の価値!欧文フォント本「TrueTypeフォント パーフェクトコレクション」は無料フォント以上だ
無料のフォントを探している皆様。 はたまた、ケチなクライアントや吝嗇家の経営者から「経費がかけられ
-
-
かっこ良くて使える!2015年春の英語/欧文無料フリーフォント50+
かっこいい無料の英語/欧文フォントが目白押しの2015年春。 かっこいい上に即現場で使える英語/欧
-
-
チョークで黒板に書いたような無料のフリー欧文/英語フォント36
黒板に手書きで書かれたタイポグラフィは、授業を受けるという原体験があるのか、見ている人を自然と引きつ
-
-
タイポグラフィ/WEBフォントに関する作業を簡単にするツール14
WEBフォントがどんどん使われるようになるにつれ、関連するツールもたくさん出来てきています。 多い
-
-
フォント名で検索すると使用例のサイトが表示される「FontReach」が便利!
フォント名で検索すると使用例のサイトが表示される「FontReach」をご紹介。 検索対象は英語/
-
-
ロゴデザインや見出しに最適!無料で使える欧文/英語フリーフォント83
ロゴをデザインするとき、既存のフォントをベースに作成することになるケースが多いと思います。 しかし
-
-
かっこ良くて様になる!商用無料で使える欧文/英語フリーWEBフォント54選
WEBフォントは便利で美しいから大好きです。 欧文のWEBフォントはGoogle Fontsをはじ
-
-
無料の欧文コミックフリーフォント/英語マンガフリーフォント70
無料の欧文コミックフリーフォント/英語マンガフリーフォントを70集めてみました。 フリーフォントで
