Loading…

記事内にプロモーションが含まれています。

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

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

webフォントNoto Sans Japanese

所要時間目安:3

This session is using  IPv4  is established in

この記事は2016年4月1日のものです。現在は状況が異なる可能性がありますのでご注意ください。

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

  • 本日
  • 週間
  • 月間
  1. パナソニックカオスバッテリーS-115

    エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー 3PV

    すべての車でバッテリーが搭載されています。特にアイドリングストップ車以降現在主流になりつつある電気自動車などではバッテリーの性能がとても重要になってきます。今回は日産エクストレイルT32においておすす…

    もっと読む

  2. キーシリンダー

    TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 2PV

    この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…

    もっと読む

  3. ヘッドライトクリーニングにダイソーアルカリ電解水で黄ばみクスミが綺麗に 1PV

    ヘッドライトは経年劣化で黄ばんできてしまいます。特にここ10年くらいの車のヘッドライトはプラスチック製のヘッドライトカバーになってきています。昔のようにガラスではありませんので、より経年劣化が目立って…

    もっと読む

  1. パナソニックカオスバッテリーS-115

    エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー 3PV

    すべての車でバッテリーが搭載されています。特にアイドリングストップ車以降現在主流になりつつある電気自動車などではバッテリーの性能がとても重要になってきます。今回は日産エクストレイルT32においておすす…

    もっと読む

  2. キーシリンダー

    TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 2PV

    この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…

    もっと読む

  3. ヘッドライトクリーニングにダイソーアルカリ電解水で黄ばみクスミが綺麗に 1PV

    ヘッドライトは経年劣化で黄ばんできてしまいます。特にここ10年くらいの車のヘッドライトはプラスチック製のヘッドライトカバーになってきています。昔のようにガラスではありませんので、より経年劣化が目立って…

    もっと読む

  1. パナソニックカオスバッテリーS-115

    エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー 3PV

    すべての車でバッテリーが搭載されています。特にアイドリングストップ車以降現在主流になりつつある電気自動車などではバッテリーの性能がとても重要になってきます。今回は日産エクストレイルT32においておすす…

    もっと読む

  2. キーシリンダー

    TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 2PV

    この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…

    もっと読む

  3. ヘッドライトクリーニングにダイソーアルカリ電解水で黄ばみクスミが綺麗に 1PV

    ヘッドライトは経年劣化で黄ばんできてしまいます。特にここ10年くらいの車のヘッドライトはプラスチック製のヘッドライトカバーになってきています。昔のようにガラスではありませんので、より経年劣化が目立って…

    もっと読む

目次に行く・戻る

メルカリ招待コード:

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フォントを提供し始めたことで……。

あなたにおすすめな関連記事

大山式ボディメイクパット趾

伝えたいこと 備忘録

足、膝、腰の痛みにオススメ大山式ボディメイクパット

 今日、楽天メルマガにて紹介されていた大山式足指(趾)間のゴム製のもので、 姿勢の矯正と足の外側に向いてしまった重心の内側化そして、骨盤矯正にまで影響するというものです。早速、 ここ数年左足…

もっと読む

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

ページ表示速度高速化

Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録

ページ表示速度高速化レンダリングブロック解決方法ができた!!

ふぅ~ε=(・ρ・*) フゥ、やっとできた!! ここ数日なんとかサイトのページ表示速度をできるだけ速く高速化したいなぁ。とずぅ~っと考えていました。今日も昨日も記事にしていますが^^;)(汗)…。おそ…

もっと読む

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

今日の人気記事

Stinger6 WordPress カスタマイズ

記事の上に今日の人気記事を表示する方法

↑ のように、 個別記事のタイトルの上に「本日の人気記事」というものを表示する方法です。   WordPressにおいては、 WordPress Popular Postsという人気記事のプ…

もっと読む

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

AFFINGER5

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

テーマ変更の楽な方法はない!?

アイキャッチ画像:AFFINGER4公式HP(https://the-money.net/)のスクリーンショットです。 この度、昨今ちまたでものすごく有名なWordPressのテーマAFFINGER4…

もっと読む

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

セキュリティ 伝えたいこと 備忘録 時事ネタ

ナンバーレスクレジットカードとキャッシュカードのナンバーレス

昨今では、クレジットカードの16桁のクレジットカード番号が表面に印字されていないクレジットカードが主流になりつつあります。他にも銀行口座のキャッシュカードも三井住友銀行においては、oliveアカウント…

もっと読む

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

行政画像

伝えたいこと 備忘録 時事ネタ

医療崩壊ばかりだが行政崩壊もあり得るのでは…。そうならない為に。

この新型コロナウイルス感染症によるある意味混乱下になり始めもうすぐ1年が経とうとしています。2020年4月に緊急事態宣言が発出され(首都圏や北海道などの一部エリアから始まり全国に拡大。)そしてまた同じ…

もっと読む

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

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

Total347


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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