マジカルスリー・だいすけのなりゆき長者ブログ

沖縄/大阪WEB広告・ホームページ制作・印刷物制作 マジカルスリー 「福」代表のブログ

*

WEBフォントでWEBデザインに幅ができるよ!

      2016/09/09

Pocket

WEBフォントってご存じですか?

通常、WEBサイトの文章用フォントはPC・ブラウザに依存しておりました。

例えば、MSゴシックが指定フォントだとそれしか使えなかったんですな。
これを回避するために画像を使ったり、涙ぐましい努力を強いられることが多かったわけです。

しかし、CSS3からWEBフォントという概念ができて、好きなフォントを使えるようになりました。

 

【使用例:ネタ元 調べて、試した、Webフォントの話】

http://www.web-font.info/susume/susume.html

【ウェブフォントの使い方:ネタ元 超初心者のドメイン移管とサーバ移転】

http://server.change.jp/archives/56/

 

しかし、いいところばかりではありません。
デメリットとしては

  1. ページが重くなる可能性あり(一度フォントがキャッシュされれば次回からは高速)
  2. CSS3非対応ブラウザは使えない(IE8等がそうです。まだvistaやwin7で使っている人が少数ですがいるようです)

とはいえ、そろそろ使える頃合いではあると思いますので、これからWEBサイトを作られる方は参考にしてみてはいかがでしょうか?

 - お仕事の事

Message

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

  関連記事

SSL設定されているサイトを移管する場合の注意点

最近、Google先生が「SSL対応してないサイトは相手しねーぞ!」というような …

jimdoの総評(無料版のみを評価しました)

jimdoはすごいツールだと思います。 WEBサイト制作ツールもここまで来たんだ …

コピーライト表示で年表示を更新するのが面倒くさい人へ

最新年数を表示したいところに以下のコードを書きます。 ネタ元:CORAL様 例え …

Googleで著作権フリーな素材画像・写真・イラストを探す方法

WEBマーケティングで有名な藤村先生に教えていただいたテクをご紹介です♪ ブログ …

ハードディスクバックアップ-Mr.clone

(前回のあらすじ) Macrium Reflect FREE Editionで見 …

Windows10でPhotoshop2015やIllustrator2015が文字化けになった際の対処法

Windows10にアップグレードしたらフォトショップが文字化け! 悲しすぎる・ …

スパムメール扱いされた意外な落とし穴

お客さんにメールを送ったら500エラーでケッチンくらいました。 なんでかなーとい …

gmailで容量いっぱいになった時にすること

gmailの最大容量は15GB。大変大きいですが、いずれはなくなるものです。 g …

建設業者さんのホームページを作る時の注意

自分もうっかり忘れてしまうので同業者さんの備忘録も兼ねてかいておきまーす♪ 建設 …

パスワード変更の意味って?

パスワードをただ変更するだけではあまり意味が無い http://d.hatena …