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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
好きなアイコンだけを選んでオリジナルのアイコンフォントにできる無料のサービスをまとめてご紹介します。
-
-
デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」
デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」を
-
-
【保存版】商用利用可!漢字も使える無料の日本語/和文フリーフォント114
フリーフォントを探すのは時間と手間がかかります。 これまでは、必要になったときだけググってフォント
-
-
2015年の英語/欧文無料フォントは即戦力!2015年フリーフォントベストヒット93
気がつけば2015年も早11月。 ここ関西では木枯らし1号が吹き荒れました。 そこで今回は、20
-
-
タイトルや見出しで活躍する無料の英語/欧文フリーフォント82
タイトルや見出しで活躍する無料の英語/欧文フリーフォントをご紹介します。 私たち日本人が英語/欧文
-
-
無料で使える角丸・丸文字の英語/欧文フリーフォント28でポップでかわいい演出を
無料で使える角丸・丸文字の英語/欧文フリーフォントのご紹介します。 デザインにポップな印象やかわい
-
-
タイポグラフィ/WEBフォントに関する作業を簡単にするツール14
WEBフォントがどんどん使われるようになるにつれ、関連するツールもたくさん出来てきています。 多い
-
-
ダウンロードしたい素晴らしき無料の手書きフリー英語フォントベスト86
手書きフォントは、独創的なプロポーションから、デザインに個性的な味わいをもたらします。 遊び心を入
-
-
名だたるデザイナーが作成したフリーの英語/欧文フォントが無料!Dribble発の英語/欧文フォント20
Dribbbleというサイトをご存知でしょうか。 世界の名だたるデザイナーが作品をアップしているコ
-
-
Googleフォントをタグで検索!目的のGoogleフォントをすぐに見つけられる「Font Library」
Googleフォントをタグで検索できて、目的のGoogleフォントをすぐに見つけられる便利なライブラ
