2025年10月21日 (火曜日)本日の人気記事トップ１０
今日は2025年10月21日です。
ブログやホームページを運営していくにあたり時折他のPCで自分のブログやホームページを表示した所、
自分のPCでの文字表示（フォント）が異なってしまいデザイン自体が崩れたりしました。
しかし、
現在ではwebフォントは出た当初より遅くはないです。
特にgoogle webフォントは非常に早いです。
これで、
使用しているPCにインストールされているフォントに依存することなく、
自分のPCで表示確認した際と同じように表示されることになります。
導入方法は、
以下の3段階でおおむね可能（終了）で簡単です。
おそらく5分くらいでできます。
（人にもよりますが…。）
まずは、上記GoogleFontのサイトへアクセスします。
その後いくつかあるwebフォント（GoogleFont）の中で気に入ったものを選びます。
上記画像のようになるので、
赤枠内に自分が決めているならそこにwebフォント名を入力して選択します。
決めていない場合は、
じっくりといろいろ見て決めると良いと思います。
私は、
Linuxの派生ubuntuで有名なフォントを選びました。
ここでも自分の好みに合ったフォントスタイルをチェックします。
ここの@importに表示されたコードを自分のスタイルシート（CSS）の一番上の部分に記述します。
こんな感じです。
具体的には、
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
* {
font-family: 'Ubuntu', sans-serif;
}
テーマに@importがある場合はその直下に記述します。
以上で、
webフォントの導入が完了です。
これで、
PCにインストールされているフォントに依存することなく自分のブログやホームページが表示されるようになります。
最後に、
Google Fontsとは、
Googleが提供している商用利用可能な無料のWebフォントです。
元来、Webブラウザは端末にインストールされているフォントを呼び出し文字を表示する。端末のフォント如何では、Webデザイナーが意図しないWeb表示がなされてしまい、またフォントに関するWebデザインに制約が生じてしまう。フォントを画像にして表示するという手はあったが、文章修正のメンテナンス、文章の検索といった点で問題がある。そこでWebサーバー上にフォントファイルを置き、Webデザイナーの意図するフォントを表示できるようにした技術がWebフォントである。またはWebサーバー上に置かれるフォント自体をWebフォントと指し、フォントをWebで利用するよう提供するサービスをWebフォントサービスとして区別する。
日本語はひらがな、カタカナ、特に漢字が膨大な数であり、Webフォントのダウンロード量など、英語や欧文と比較して課題がある。例として2010年にサービスを開始したGoogle Web Fontsでは日本語は提供されていない[1][2](2013年現在)。しかし2010年、2011年頃から日本語に対応したWebフォントサービスが開設されている
WebフォントWebフォントはWWW上からフォントを表示する技術である。HTMLにおけるフォントのダウンロードはCSS3.0 fonts moduleにて内包された。
関連記事
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
ある程度、年式がたった車においてはディーラーオプションナビ（DOP）やメーカーオプションナビ（MOP）の地図データが古くなったり、ナビのモニタインチ数が大きくなったりします。地図データが古くなるのはも…
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
ポチップ 
ポチップ 
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 
Windows10サポート終了後の対応やWindows11への買い替えや移行など 
日産ディーラーオプションナビMM316D-WからMM518D-L交換（換装）NISSAN純正ナビリモコン 
カーメイトのエンジンスターターでエラー15表示と対処方法 
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 
メガネ価格破壊元祖JINSのレンズ保証期間6ヶ月に2回交換可能 
アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた 
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 
アイドリングストップシステム異常警告灯表示対処方法 よろしかったらシェアよろしくお願いします。
新着コメント