SSブログ

Webフォントを使う [CSS]

CSS3では、Webフォントが指定できます。
実際Webフォントが使えるのはブラウザの対応状況によりますが、
最新のメジャーのブラウザならほとんど対応しているようです。

CSSには、以下のように@font-faceを指定します。
@font-face {
  font-family: "WebFont";
  src: url("http://xxxx.com/fonts/webfont.ttf") format("truetype");
}

#display {
  font-family: "WebFont";
  font-size: 64pt;
  font-weight: bold;
}

srcのurlには、フォントファイルのURLを指定し、formatにはフォントフォーマットを指定します。
フォントフォーマットは、ブラウザによりますが、"truetype"、"opentype"、"woff"等が指定できます。

nice!(1)  コメント(0)  トラックバック(0) 
共通テーマ:blog

nice! 1

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。