WEBフォントでWEBデザインに幅ができるよ!
2016/09/09
WEBフォントってご存じですか?
通常、WEBサイトの文章用フォントはPC・ブラウザに依存しておりました。
例えば、MSゴシックが指定フォントだとそれしか使えなかったんですな。
これを回避するために画像を使ったり、涙ぐましい努力を強いられることが多かったわけです。
しかし、CSS3からWEBフォントという概念ができて、好きなフォントを使えるようになりました。
【使用例:ネタ元 調べて、試した、Webフォントの話】
http://www.web-font.info/susume/susume.html
【ウェブフォントの使い方:ネタ元 超初心者のドメイン移管とサーバ移転】
http://server.change.jp/archives/56/
しかし、いいところばかりではありません。
デメリットとしては
- ページが重くなる可能性あり(一度フォントがキャッシュされれば次回からは高速)
- CSS3非対応ブラウザは使えない(IE8等がそうです。まだvistaやwin7で使っている人が少数ですがいるようです)
とはいえ、そろそろ使える頃合いではあると思いますので、これからWEBサイトを作られる方は参考にしてみてはいかがでしょうか?
関連記事
-  
              
- 
      スパムメール扱いされた意外な落とし穴お客さんにメールを送ったら500エラーでケッチンくらいました。 なんでかなーとい … 
-  
              
- 
      無料で使えるイラスト 「いらすとや」さんWEB屋さんはよくイラストを使います。 とにかく使います。 素材料をいただけるお … 
-  
              
- 
      画像の圧縮に「optimizilla」画像のサイズを小さくすることはサイトの読み込み速度を上げるのに有効かつ手軽な手段 … 
-  
              
- 
      はかどる!Office Lens スキャナ、OCRがスマホでできる!仕事上、紙の媒体をもらってWEBに起こすってことがとても多いのですが、今までは手 … 
-  
              
- 
      顧客開拓はホームページにお金をかけるなもうすぐクリスマスですね。お正月ですね! ワタクシ、寒いのは苦手ですがモチが大好 … 
-  
              
- 
      Google Workspace(旧称 G Suite)で設定しているメールサーバーの変更Google Workspace(旧称 G Suite)で設定しているメールサー … 
-  
              
- 
      どのブラウザを除外するか。WindowsのバージョンとIEのバージョンについてIEはバージョンごとにレイアウト崩れしたりしなかったりとCSSのバグなどがふんだ … 
-  
              
- 
      送料激安クリックポスト!メール便が無くなったので・・・いつのまにやら日本郵政から新しいサービスが出ておりました。 レターパック(旧:エ … 
-  
              
- 
      WEB屋さんがオススメする間違いのないWEBサーバー選びとまあ、標題のように書いてみたものの、もう安定しているWEBサーバーサービスを見 … 
-  
              
- 
      waifu2xで画像拡大 ジャギーよさらば!waifu2xというサービスをご紹介します。 http://waifu2x.ud … 
- PREV
- マルチサイトで複数のブログの新着情報を取得したい
- NEXT
- フリーフォントご紹介

