2015/04/09
無料で日本語WEBフォントが実装できる「Japont」が有難すぎる！
Sponsored by
日本語の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
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
-
0 -
-
0 -
0 -
4
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
スタンプのようなクールな英語/欧文フォント！無料ステンシルフリーフォント48
今回ご紹介するステンシルフォントは、欧米で広く使われている「型染め」を模したフォントを指します。
-
-
Googleフォントを使った美しいタイポグラフィに惚れぼれ！「Google Web Fonts Typographic Project」
Googleフォントを使った美しいタイポグラフィをご紹介します。 Googleフォントは無料で使え
-
-
ロゴデザインや見出しに最適！無料で使える欧文/英語フリーフォント83
ロゴをデザインするとき、既存のフォントをベースに作成することになるケースが多いと思います。 しかし
-
-
2014年の要チェック無料英語/欧文フリーフォント99
質のいい英語（欧文）のフリーフォントが次々に出ていますが、 今回は2013年後半から2014年現在
-
-
名だたるデザイナーが作成したフリーの英語/欧文フォントが無料！Dribble発の英語/欧文フォント20
Dribbbleというサイトをご存知でしょうか。 世界の名だたるデザイナーが作品をアップしているコ
-
-
オリジナルな英語・欧文フォントを一瞬でつくれてしまう「modulator」
怖いほど簡単に、オリジナルの英語・欧文フォントを作れてしまうサービスをご紹介します。 作成できるの
-
-
商用利用可！英語フリーフォント200+デザイナーなら持っておきたいプロフェッショナルな欧文フォントコレクション
英語（欧文）のフリーフォントのなかでも、「これはぜひとももっておきたい」プロフェッショナルなフォント
-
-
フォント作成が簡単に！SVGファイルをドラッグ＆ドロップでフォントをつくれる無料サービス「Glyphter」
アイコンをフォント化して利用するケースも増えているかと思います。 今回は、アイコンをはじめとして、
-
-
必見！欧文/英語フォントがよくわかる欧文/英語フォントの実例付きサイト「Fonts In Use」
欧文/英語フォントの実例付きサイトご紹介します。 実例数、実に5346! ものすごい数です。
-
-
要チェック！最近公開されたかっこいい無料の英語フリーフォント38（2013.9-2014.2）
要チェックです。 2013年9月〜2014年2月ごろにかけて公開された無料フォントのうち、デザイン