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

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

*

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/

 

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

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

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

 - お仕事の事

Message

  関連記事

Google Workspace(旧称 G Suite)で設定しているメールサーバーの変更

Google Workspace(旧称 G Suite)で設定しているメールサー …

文字化けしない記号一覧

WEB上で日本語はおおよそ三種類の文字コードで表されます。 SHFT-JIS、E …

SSLを使わないと検索エンジンに表示されなくなる・・・かも?

SSLって暗号化のことでしょ?なんで検索エンジン? SSLがSEO(検索エンジン …

jimdo(簡単ホームページ作成サービス)を使ってみた

中小零細企業の味方、ホームページ作成の「マジカルスリー」のだいすけです。こんにち …

社判、会社の印鑑はどこが良いのかな?という人に

なんか、「回し者か!」って声が聞こえてきそうですが いつも購入してるハンコ屋さん …

BASIC認証しながらHTTP→HTTPSに転送する

.htaccessでは無理ということらしい .htaccessのみでのAuthと …

フリーフォントご紹介

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

Googleフォトで容量がいっぱいになっている場合の対処法

googleにログインした状態で下記のページヘ。 https://photos. …

MISOKAで見積書・請求書・入金管理がとってもラクちん!

ご存じですか?MISOKAで今よりラクに見積書・請求書・入金管理する方法 2ヶ月 …

手っ取り早く売りたい人向け!BASEはすごい!

BASEすごいですよ お客様の依頼でBASEを触ってみたのですが、これすごいです …