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サイトを作られる方は参考にしてみてはいかがでしょうか?
関連記事
-
-
ランディングスクリプトで久々に笑った話
ご注意)PCマニアの人しか笑えない話だと思うので、そうじゃない方はそっと閉じてく …
-
-
Windows10でPhotoshop2015やIllustrator2015が文字化けになった際の対処法
Windows10にアップグレードしたらフォトショップが文字化け! 悲しすぎる・ …
-
-
jimdo(簡単ホームページ作成サービス)を使ってみた
中小零細企業の味方、ホームページ作成の「マジカルスリー」のだいすけです。こんにち …
-
-
デザインで思うこと
よくデザインを作っている時に「ありきたりで陳腐なデザインだなあ」と思うことがあり …
-
-
社判、会社の印鑑はどこが良いのかな?という人に
なんか、「回し者か!」って声が聞こえてきそうですが いつも購入してるハンコ屋さん …
-
-
waifu2xで画像拡大 ジャギーよさらば!
waifu2xというサービスをご紹介します。 http://waifu2x.ud …
-
-
2016年WEBトレンド シネマグラフがかっこいい!
シズル感が重要! ネットショップや、クリエイティブなものは「動き」が重要になる場 …
-
-
ハードディスクバックアップ-Mr.clone
(前回のあらすじ) Macrium Reflect FREE Editionで見 …
-
-
どのブラウザを除外するか。WindowsのバージョンとIEのバージョンについて
IEはバージョンごとにレイアウト崩れしたりしなかったりとCSSのバグなどがふんだ …
-
-
スパムメール扱いされた意外な落とし穴
お客さんにメールを送ったら500エラーでケッチンくらいました。 なんでかなーとい …
- PREV
- マルチサイトで複数のブログの新着情報を取得したい
- NEXT
- フリーフォントご紹介