Ads by Google
新しい記事を書く事で広告が消せます。
font-familyの使い方
font-familyはfontとは違って単純に文字フォントを指定するCSSプロパティです。
なお、指定したフォントがユーザーの環境にインストールされていない場合には、ブラウザで設定されたデフォルトのフォントで表示されます。
■使い方
さまざまなフォント（serif）
さまざまなフォント（sans-serif）
さまざまなフォント（cursive）
さまざまなフォント（fantasy）
さまざまなフォント（monospace）
上記のソースは続きから。
上記のソースがこれです。
<SPAN style="font-family:serif">さまざまなフォント（serif）</SPAN><BR>
<SPAN style="font-family:sans-serif">さまざまなフォント（sans-serif）</SPAN><BR>
<SPAN style="font-family:cursive">さまざまなフォント（cursive）</SPAN><BR>
<SPAN style="font-family:fantasy">さまざまなフォント（fantasy）</SPAN><BR>
<SPAN style="font-family:monospace">さまざまなフォント（monospace）</SPAN><BR>]
また、テキストボックスを使用している画面で、「size="10"」などの幅指定を行っていた場合には注意が必要です。
size属性で指定された値は、
「文字数分の幅を取る」
という意味になるので、フォントによって１文字の幅が変化してしまいます。
なので、フォントに影響を受けないように、widthプロパティを適切に使用したほうが良いです。
以下に例を載せておきます。
ローカルにコピーして実行してみてください。
そして、font-familyを適当なものに変えるとテキストボックスの幅が変わってしまうのが分かると思います。
↓のボタンでこのブログの記事をランダムに表示します。
●Homeへ戻る●
最新の記事
-
・サイト移転しました。 (05/24)
・女性と男性が購入する携帯電話の色について (05/23)
・SQL文を貼り付ければ自動でフォーマットしてくれるツール (05/19)
・アルファブロガーのインタビュー映像（NHK） (05/10)
・StrustのActionと純粋にAjax通信をさせる方法 (05/07)
・今日の夕飯は… (05/07)
・Eclipseでデバッグ時にソースが見つからない場合の対処 (05/01)
・リンクで同じページの所定の位置にスクロールする方法 (04/14)
・Oracleでは空文字とnullが一緒？ (04/11)
・2つのテーブルのスクロール位置を動機する方法 (04/10)
・Excelで指定行にジャンプする方法 (04/10)
・インライン要素とブロック要素の違い (04/04)
・ブログで使うPing送信一覧 (04/04)
・がちゃがちゃエントリー 記事ランダム表示 for FC2 (04/03)
・font-familyの使い方 (03/30)
Pickup Link！
COUNTER
RSSの登録はこちらからどうぞ。
ブログ内の検索
カテゴリー
プロフィール
Author:Hisasann
かなり走り書きなブログで申し訳ないです。個人のメモ程度に使っていますが、よかったら参考にしてくださいね。メールまってま〜す。
相互リンク募集しています。
下記メアドまでメールください。
Rastaman@Mixi
Rastaman@コトノハ
Rastaman@テクノラティ
アクセスランキング
ブログランキング
ブロとも申請フォーム
