Loading…

WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

webフォントNoto Sans Japanese

webフォントNoto Sans Japaneseがとても綺麗

本日の人気記事BEST10

所要時間目安:3


WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

webフォントNoto Sans Japanese

webフォントNoto Sans Japanese

以前にwebフォントの導入方法を記載しました。

こちらでは、
webフォントのubuntuを使用しています。

しかし、
ひょんなことからwebフォントでNoto Sans Japaneseというとっても綺麗なフォント(webフォント)があるのを知りました。

よく読まれている人気記事一覧

それは、RBB TODAYのメルマガでサイトを訪れた時です。

なんかやけにフォント(文字)が綺麗だなぁ…。(・・;

と思いソースを拝見させていただきました、。

そしたら、
見たことのないフォント名がありました。

 

それが、
Noto Sans Japaneseというwebフォントです。

もうwebフォントに関してはどのようなものなのか説明は不要かと思いますのでしませんが、

スポンサーリンク

アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る


Noto Sans Japaneseに関しての説明はWikipediaのものを以下に引用させていただきます。

 

世界中の言語をサポートすることを目標に、Apache License 2.0 のライセンスで配布が開始された。2015年9月29日に、SIL Open Font License 1.1 にライセンス変更。 コンピューターで表示できない文字がある場合、文字の代わりに小さい四角(□)が表示されることが多いが、Googleではそれを"豆腐"と呼んでおり、Webから取り除くためにNoto(no more tofu)フォントを作った

ということですが、

具体的な使い方(方法)は以前の記事と同様です。

ただ、
まだ正式版?ではないようで、
Early Access!にて公開されています。

Google FontのNoto Sans Japanese

正規版は、
GoogleFontsに現在2016年4月1日時点で708種類のフォントがあります。

 

しかし、
ほんとに綺麗です!!

当サイトでも導入してみようと思い導入してみたのですが、
今までのwebフォントのubuntuに慣れたせいかNoto Sans Japaneseはとっても綺麗なのですが、
inline-heightが若干違ったのでちょっと元に戻してしまいました。

^^;

でも、
明日にはNoto Sans Japaneseにしちゃっているかもしれません。

だって、
本当にとっても綺麗なんだもん!!

びっくりしました。

当サイトでNoto Sans Japaneseを導入した際のスクリーンショットです。

webフォントNoto Sans Japanese

そして、
以下がwebフォントubuntuでのスクリーンショットです。

webフォントubuntu

この画像を見ていただくと一目瞭然ですが、
明らかにNoto Sans Japaneseの方が綺麗です。

しかし、
CSSで調整すれば良いのですが…。

横幅がちょっとだけ広く感じてしまいました。

時間のある時にNoto Sans Japaneseにしたいと思っています。

 

一応具体的な導入方法です。

 

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 * {
 font-family: "Noto Sans Japanese",sans-serif;
 }

上記コードを、
CSSに追加するだけです。

 

この場合だと、
font-familyにNoto Sans Japanese以外にsans-serifしかないので、

最悪の場合はMSゴシップとかになっちゃうこともあるようです。

なので、
一応、ローカル内にもあるフォントも指定しておいた方が良いのかと思われます。

* {
 font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;
 }

といった具合にです。

そうすれば、
Macではヒラギノ角ゴが、
Windows7(WindowsXPでもメイリオ導入済み)以降はメイリオにて表示されます。

 

唯一、
webフォントのデメリットとして良く多くのサイトで書かれていますが、
私がこれまでwebフォントのubuntuを使用してきてページ表示速度が遅いなぁ。

とは感じたことはありません。
(鈍いだけかなぁ…。)

 

スポンサーリンク

参考サイト)

今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。


アドセンス336pxPC閲覧記事下表示1つ目コード

おすすめの記事一部広告

    Multiplex 広告

WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧


関連記事

PL学園時代KKコンビ

伝えたいこと 備忘録

清原さん、残念ですが…。面識もない一般人が記事を書くのを迷っていました。

  清原和博と言えば、 中高年世代の甲子園のヒーローでした。   その少し下の世代になると、 松坂大輔さんなど松坂世代と言われた世代の方たちがヒーローとなって世代交代と言いますか、…

もっと読む

インフィード広告アドセンス

バスピロー

伝えたいこと 備忘録

お風呂の枕バスピローおすすめと自作してみた。

  最近、お風呂の枕ことバスピローが多く出回っています。 ですが、 広告やCMでは納得と思いきや(汗)…。 よく読まれている人気記事一覧 人気記事 車のキーナンバー確認方法。キーレス紛失や壊…

もっと読む

インフィード広告アドセンス

SNS終わりの始まり

SNS 伝えたいこと 備忘録

SNS終わりの始まり…。それは何なのか。ソーシャルとは何なのか。

SNS(ソーシャル・ネットワーキング・サービス)・・・。 個人情報保護法・・・。 個人情報保護法ができたはずなのに、SNSというソーシャル・ネットワーキング・サービスと横文字を連ねたことにより比較的抵…

もっと読む

インフィード広告アドセンス

降圧剤

伝えたいこと 備忘録 治療

降圧剤(血圧を下げる薬)で劇症肝炎死亡例…。

  多くの方が血圧を下げる薬として飲んだり点滴などで使用する降圧剤。 数年前にはディオバンという降圧剤の不正がありました。   今回の降圧剤は、 よく読まれている人気記事一覧 人気…

もっと読む

目次に戻る

よろしかったらシェアよろしくお願いします。

-WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録
-,



この記事が良かったら
いいね!お願いします(#^.^#)

せきららの
最新情報をお届けします

言えないことはTwitterで!!



目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください