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

沖縄/大阪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

メールアドレスが公開されることはありません。

  関連記事

WEB屋さんがオススメする間違いのないWEBサーバー選び

とまあ、標題のように書いてみたものの、もう安定しているWEBサーバーサービスを見 …

ランディングスクリプトで久々に笑った話

ご注意)PCマニアの人しか笑えない話だと思うので、そうじゃない方はそっと閉じてく …

○のつく日だけバナー表示

こんな感じでどうでしょう。 下記を参考にしてちょっとアレンジしてます。 http …

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

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

田舎すぎてgooglemapに表示されない場合

表題のとおりです。はい。 我々の業界ではWEBサイトに地図掲載をする歳、Goog …

gmailで不要なメールを片付ける!

皆様、gmail使ってますか? 弊社ではセキュリティ度がとても高いものはメールで …

waifu2xで画像拡大 ジャギーよさらば!

waifu2xというサービスをご紹介します。 http://waifu2x.ud …

フリーフォントご紹介

年々多くなっていくフリーフォントですが、2015年版のまとめが出てましたのでご紹 …

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

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

BASEを調べてみる

以前お客様から教えてもらったネットショップサービスの「BASE」。 今回、別のお …