以前にwebフォントの導入方法を記載しました。
こちらでは、
webフォントのubuntuを使用しています。
しかし、
ひょんなことからwebフォントでNoto Sans Japaneseというとっても綺麗なフォント（webフォント）があるのを知りました。
メルカリ招待コード：
WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
プロモーションを含みます
webフォントNoto Sans Japaneseがとても綺麗
2025年7月6日 (日曜日)本日の人気記事トップ１０
This session is using IPv4 is established in
今日は2025年7月6日です。
この記事は2016年4月1日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年7月6日 (日曜日)↓における週間月間人気記事トップ３は？↓
- 本日
- 週間
- 月間
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 1PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
スロットルバルブクリーナーでスロットルバルブ洗浄と効果 1PV
人間も同じですが、いい状態で長く乗るには車もメンテナンスが重要です。 良くない状態というのは一番最悪なのがエンジンオイルを車検の時しか交換しないとか…。orz…。 オイル関係は人間で言う血液に相応する…
-
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 28PV
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
-
エクストレイルおすすめエンジンオイルにプロステージSの10W-40を試してみた 27PV
車にとってエンジンオイルは心臓部であるエンジンを保護するための重要な潤滑剤（潤滑油）です。他にもクーラント液やブレーキフルードなどのオイル関係はありますが、一番シビアな環境にあるエンジンを直接保護する…
-
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 24PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。（メンテナンスしないのはもっと悪いですが…。） その記…
-
エクストレイルおすすめエンジンオイルにプロステージSの10W-40を試してみた 27PV
車にとってエンジンオイルは心臓部であるエンジンを保護するための重要な潤滑剤（潤滑油）です。他にもクーラント液やブレーキフルードなどのオイル関係はありますが、一番シビアな環境にあるエンジンを直接保護する…
-
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 22PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。（メンテナンスしないのはもっと悪いですが…。） その記…
-
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 19PV
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
それは、RBB TODAYのメルマガでサイトを訪れた時です。
なんかやけにフォント（文字）が綺麗だなぁ…。(・・;
と思いソースを拝見させていただきました、。
そしたら、
見たことのないフォント名がありました。
それが、
Noto Sans Japaneseというwebフォントです。
もうwebフォントに関してはどのようなものなのか説明は不要かと思いますのでしませんが、
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!にて公開されています。
GoogleFont Early Access!Google FontのNoto Sans Japanese
正規版は、
GoogleFontsに現在2016年4月1日時点で708種類のフォントがあります。
webフォントのGoogleFonts708 font families shown
しかし、
ほんとに綺麗です！！
当サイトでも導入してみようと思い導入してみたのですが、
今までのwebフォントのubuntuに慣れたせいかNoto Sans Japaneseはとっても綺麗なのですが、
inline-heightが若干違ったのでちょっと元に戻してしまいました。
^^;
でも、
明日にはNoto Sans Japaneseにしちゃっているかもしれません。
だって、
本当にとっても綺麗なんだもん！！
びっくりしました。
当サイトでNoto Sans Japaneseを導入した際のスクリーンショットです。
そして、
以下が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,"ＭＳ Ｐゴシック",sans-serif;
}といった具合にです。
そうすれば、
Macではヒラギノ角ゴが、
Windows7（WindowsXPでもメイリオ導入済み）以降はメイリオにて表示されます。
唯一、
webフォントのデメリットとして良く多くのサイトで書かれていますが、
私がこれまでwebフォントのubuntuを使用してきてページ表示速度が遅いなぁ。
とは感じたことはありません。
（鈍いだけかなぁ…。）
あなたにおすすめ
¥1,980 （2025/06/29 12:48時点 | Amazon調べ）
ポチップ
あなたが訪問してから
⏰ 0 秒経過 🎉入学入社まであと…入学入社祝いはどんなPresent（プレゼント）でどのように過ごされますか？
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 
アイドリングストップシステム異常警告灯表示対処方法 
カーメイトのエンジンスターターでエラー15表示と対処方法 
車のキーナンバー確認方法。キーレス紛失や壊れた時 
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 
エクストレイルT32マイナーチェンジ後ステアリング外し方 
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 
エクストレイルスピードメーターを取り外しメーターガラスを綺麗にする 
ブレーキペダル調整ストローク調整方法高さ調整
おすすめの記事一部広告
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ101
- 車のキーナンバー確認方法。キーレス紛失や壊れた時68
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく58
- キッチンシンク下がドブ臭い下水臭い原因と解決方法47
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法41
- アイドリングストップシステム異常警告灯表示対処方法41
- ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に39
- カーメイトのエンジンスターターでエラー15表示と対処方法38
- TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号）28
- エクストレイルリアワイパー交換方法と純正部品番号26
Total795
よろしかったらシェアよろしくお願いします。
コメントを表示（0）
新着コメント