個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!

無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!

日本語のWEBフォントが無料で利用できてしまうサービスを個人の方がリリースしましたのでご紹介。
これはスゴイです。ご本人曰く「革命的」とおしゃっていますが、まさにその通り。
こんなことを無料でやってしまう人がいるからWEBは面白いですね。
実装方法も恐ろしく簡単です。
WEBサイトに日本語フォントを導入してみたいと一度でも思ったことがある方には、ぜひともチェックしていただきたいサービスです。
とにかく、これはチェックすべきです!

無料で日本語WEBフォントが実装できるようになる「Japont」

Japontは、3846masaさんが作成したサービスです。
このサービスを利用すると、無料で日本語WEBフォントが実装できるようになってしまうのです!
無料ですよ。
元になっている日本語フォントは、やはり無料の日本語フリーフォントが利用されています。

使い方もとっても簡単

使い方もとっても簡単です。
利用したいフォントをプルダウンから選んで、「読み込む」ボタンを押します。
するとコードが表示されます。
無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!
表示されたコードは内に記述します。
コメントにありますが、表示させたい部分が含まれるセレクターを、selector=””内に記述して適用させます。

[html]
<!– 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フォントの解説もとてもわかりやすいので、合わせてご覧になることをおすすめします。

Japont – 美しい日本語をウェブサイトに

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 4

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

【保存版】商用利用可!漢字も使える無料の日本語/和文フリーフォント

【保存版】商用利用可!漢字も使える無料の日本語/和文フリーフォント114

フリーフォントを探すのは時間と手間がかかります。 これまでは、必要になったときだけググってフォント

記事を読む

2015年の英語/欧文無料フォントは即戦力!2015年フリーフォントベストヒット95

2015年の英語/欧文無料フォントは即戦力!2015年フリーフォントベストヒット93

気がつけば2015年も早11月。 ここ関西では木枯らし1号が吹き荒れました。 そこで今回は、20

記事を読む

ロマンチックな英語/欧文の無料フリーフォント19

ロマンチックな英語/欧文の無料フリーフォントをまとめてみました。 年に数回あるロマンチックなイベン

記事を読む

無料で使えるテクノ/クリスタルフリー英語フォント90+

SFやクラブ関係、最先端・近未来的なテーマなどにマッチしそうなフォントといえばテクノフォントまたの名

記事を読む

欧文/英語フォントのベストマッチ組み合わせを実例付きで教えてくれる「Type Genius」

欧文/英語フォントのベストマッチ組み合わせを実例付きで教えてくれる「Type Genius」

欧文/英語フォントを組み合わせて利用する場合、日本語に比べて、結構難しくはないですか? どのフォン

記事を読む

チョークで書いたような無料のフリー欧文/英語フォント36

チョークで黒板に書いたような無料のフリー欧文/英語フォント36

黒板に手書きで書かれたタイポグラフィは、授業を受けるという原体験があるのか、見ている人を自然と引きつ

記事を読む

3000円で150万円の価値!欧文フォント本「TrueTypeフォント パーフェクトコレクション」は無料フォント以上だ

無料のフォントを探している皆様。 はたまた、ケチなクライアントや吝嗇家の経営者から「経費がかけられ

記事を読む

2014年の要チェック無料英語/欧文フリーフォント99

質のいい英語(欧文)のフリーフォントが次々に出ていますが、 今回は2013年後半から2014年現在

記事を読む

デザイナーは知ってて当然?なド定番の欧文/英語フォント

デザイナーは知ってて当然?なド定番の欧文/英語フォント22

デザイナーなら知っていて当然?なド定番の欧文/英語フォントをご紹介します。 もちろん、ここに掲載し

記事を読む

Googleフォントをタグで検索!目的のGoogleフォントをすぐに見つけられる「Font Library」

Googleフォントをタグで検索!目的のGoogleフォントをすぐに見つけられる「Font Library」

Googleフォントをタグで検索できて、目的のGoogleフォントをすぐに見つけられる便利なライブラ

記事を読む