プロモーションを含みます
今日は2025年5月12日です。
この記事は2016年2月27日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年5月12日 (月曜日)本日の人気記事トップ１０
2025年5月12日 (月曜日)↓における週間月間人気記事トップ３は？↓
意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 4PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 4PV
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 32PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 32PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
ブログやホームページを運営していくにあたり時折他の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にて内包された。
先日画像にリンクがある場合に画像を透過させるCSSでの方法を記載しました。 画像にリンクがある場合にCSSだけでゆっくりと透過させる方法 こちらの続編で忘れないうちに記事にして備忘録として残しておこう…
AdSense WordPress カスタマイズ カスタマイズ 備忘録
さて、さて、自分のブログやサイトにおいて収益や収入を得ている人は多くなってきているのではないでしょうか。 アフィリエイト広告からのアフィリエイト収入やGoogle AdSenseや忍者アドやnendや…
AFFINGER4Pro WordPress カスタマイズ 伝えたいこと 備忘録
ふうε=(・ρ・*) フゥ、この度、やっとこさ～の思いでテーマをAFFINGER4に変更しました。 以前のSTINGER6で結構な割り合いでカスタマイズしまくっていたので、簡単にテーマの変更がなかなか…
WordPressでAdSenseコードを任意の場所に挿入する方法です。 <!--more-->タグの後に必然的にアドセンス広告を表示させる方法と、 ショートコード化して任意の場所にアドセ…
php WordPress カスタマイズ カスタマイズ テーマ 伝えたいこと 備忘録
何度も何度も申し訳ありません。どうしてもRSSフィードにアイキャッチ画像を表示させたくて邁進している所存でございます。。。。先日にも再度検証してコードを修正したりいくつかの方法を記載いたしました。その…
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
ポチップあなたが訪問してから
⏰ 0 秒経過 🎉
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
キッチンシンク下がドブ臭い下水臭い原因と解決方法 
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 
カーメイトのエンジンスターターでエラー15表示と対処方法 
車のキーナンバー確認方法。キーレス紛失や壊れた時 
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 
2025年4月（先月）のETCトラブルNEXCO中日本が方針転換で後払いでの料金請求しない 
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 
アイドリングストップシステム異常警告灯表示対処方法 
プラグイン使わずにアイキャッチ画像自動生成コード 
スロットルポジションセンサー調整で不安定なアイドリング調整 
よろしかったらシェアよろしくお願いします。
This site uses Akismet to reduce spam. Learn how your comment data is processed.
comment