2015/04/09
無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!
日本語のWEBフォントが無料で利用できてしまうサービスを個人の方がリリースしましたのでご紹介。
これはスゴイです。ご本人曰く「革命的」とおしゃっていますが、まさにその通り。
こんなことを無料でやってしまう人がいるからWEBは面白いですね。
実装方法も恐ろしく簡単です。
WEBサイトに日本語フォントを導入してみたいと一度でも思ったことがある方には、ぜひともチェックしていただきたいサービスです。
とにかく、これはチェックすべきです!
無料で日本語WEBフォントが実装できるようになる「Japont」
Japontは、3846masaさんが作成したサービスです。
このサービスを利用すると、無料で日本語WEBフォントが実装できるようになってしまうのです!
無料ですよ。
元になっている日本語フォントは、やはり無料の日本語フリーフォントが利用されています。
使い方もとっても簡単
使い方もとっても簡単です。
利用したいフォントをプルダウンから選んで、「読み込む」ボタンを押します。
するとコードが表示されます。
表示されたコードは
コメントにありますが、表示させたい部分が含まれるセレクターを、selector=””内に記述して適用させます。
1 2 3 4 5 6 |
<!-- 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"/> |
WEBフォントのわかりやすい解説も必読
3846masaのブログにある、WEBフォントの解説もとてもわかりやすいので、合わせてご覧になることをおすすめします。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
名だたるデザイナーが作成したフリーの英語/欧文フォントが無料!Dribble発の英語/欧文フォント20
Dribbbleというサイトをご存知でしょうか。 世界の名だたるデザイナーが作品をアップしているコ
-
3000円で150万円の価値!欧文フォント本「TrueTypeフォント パーフェクトコレクション」は無料フォント以上だ
無料のフォントを探している皆様。 はたまた、ケチなクライアントや吝嗇家の経営者から「経費がかけられ
-
無料の四角く角張った英語/欧文フォント=フリースクエアフォント33
無料の四角く角張った英語/欧文フォント=フリースクエアフォントをご紹介します。 スクエアフォントは
-
プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18
プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2とい
-
Googleフォントのオススメがすぐわかる!Googleフォントを見つけやすく使いやすくするサービス10
GoogleフォントのオススメがすぐわかるGoogleフォントを見つけやすく使いやすくするサービスを
-
商用無料!デザイナーが選ぶミニマルデザインにマッチする無料の英語・欧文フリーフォント ベスト57
ミニマルデザインにマッチするデザイナーが選んだフリーの英語・欧文フォントをご紹介します。 ミニマル
-
「このフォントなんだろう?」がわかる!フォント利用者必読書「実例付き フォント字典」
フォント利用者必読の書が登場しました。 その名も「実例付きフォント字典」。 その名のとおり、実際
-
商用利用可!英語フリーフォント200+デザイナーなら持っておきたいプロフェッショナルな欧文フォントコレクション
英語(欧文)のフリーフォントのなかでも、「これはぜひとももっておきたい」プロフェッショナルなフォント
-
タイトルや見出しで活躍する無料の英語/欧文フリーフォント82
タイトルや見出しで活躍する無料の英語/欧文フリーフォントをご紹介します。 私たち日本人が英語/欧文
-
欧文/英語フォントのベストマッチ組み合わせを実例付きで教えてくれる「Type Genius」
欧文/英語フォントを組み合わせて利用する場合、日本語に比べて、結構難しくはないですか? どのフォン