HOME > フォント
フォント
フォントの種類を指定する
説明
<FONT face=" 〜 ">
スタイルシート(font-family: 〜 ;)
- これらの方法でフォントの種類を指定できる。
- これらのフォントの種類の指定では、カンマ( , )で区切って複数候補を並べられる。
(1コ目〜のフォントをユーザーの環境で表示できなくても次の候補フォントを表示) - フォントを指定しない・指定したフォントが全てダメだったときは、
ブラウザ標準のフォントが表示される。
- これらのフォントの種類の指定では、カンマ( , )で区切って複数候補を並べられる。
- フォント名は、全角半角、大文字小文字の違いをすべて正しく記入する。
特に日本語フォントは半角・全角が混じっているので注意。- 例1 : MS P明朝
(MSとPは全角大文字のアルファベット、スペースは半角のスペース) - 例2 : Arial
(これら欧文フォントは必ず半角)
- 例1 : MS P明朝
- フォント名に半角スペースが入る場合、ダブルクォーテーション( " )でフォント名を囲む。
- 例 : "MS P明朝"
- Netsape Navigator はフォント指定がほとんどダメ。
また、Mac とWindows は装備フォントが違う。Linux もダメ。- よって、意図したフォントでなくともそれなりに内容が理解できるものにした方がいい。
- 日本語フォントの指定は難しい。
- あまり指定しない方がいいかも。(使える日本語フォントも少ないし...)
フォント指定例
- font-family:Verdana,Chicago,sans-serif;
- 1コ目 ・・・ 本当に自分が表示したいフォント
- 2コ目以降 ・・・ 別OSなどに標準装備されているよく似たフォントなどを希望順に指定。
- 最後 ・・・ OSに関係ない標準フォントを指定する。
フォント例
Arial
ABCDEF-XYZ abcdef 12345 @ * &
- ちょっと縦長。大文字小文字がバランスいい。個人的に濃色太字が好き。 Font # Apple *
- 類似Mac フォント → Helvetica
Comic Sans MS
ABCDEF-XYZ abcdef 12345 @ * &
- 可愛い系HPにオススメ♪
- 類似Mac フォント → Geneva
Courier New
ABCDEF-XYZ abcdef 12345 @ * &
- 大きめにしても細文字。
- 類似Mac フォント → Courier
Georgia
ABCDEF-XYZ abcdef 1234567890 @ * &
- 大きめがカッコイイ。太字や斜めにしても素敵。個人的に数字が大好き。
Impact
ABCDEF-XYZ abcdef 12345 @ * &
- インパクト。大きいサイズにしないと読みにくい。
- 類似Mac フォント → Charcoal
Times New Roman
ABCDEF-XYZ abcdef 12345 @ * &
- 高級感。
- 類似Mac フォント → Times
Trebuchet MS
ABCDEF-XYZ abcdef 12345 @ * &
- なんか独特。
Verdana
ABCDEF-XYZ abcdef 12345 @ * &
- 小さめサイズで威力発揮!人気フォント。 ABCDEF abcdef ABCDEF abcdef
- 類似Mac フォント → Chicago
MS Pゴシック
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- Windows 標準フォント。(Mac では、明朝っぽい字が標準)
- 類似Mac フォント → Osaka
MS ゴシック
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- 11pxの大きさで使われることが多い? こんな風に。ひらがなカタカナ漢字A1
MS P明朝
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- 硬い雰囲気。
- 類似Mac フォント → 平成明朝
MS UI Gothic
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- 字幅が狭い。すっきり?(読みやすいかどうかは人によって違う)
- MS UI Gothic を指定するとき、「MS UI Gothic」と全て半角で記述すること。
標準フォント
標準フォント
- ブラウザが、持っているフォントの中からその系列のフォントを選んで表示する。
- ブラウザによって表示されるものは変わるので、最後の候補として大雑把な指定をするといい。
serif
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- serif 系フォント。明朝体やTimesなどを含む。
sans-serif
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- sans-serif 系フォント。ゴシック体やHelveticaなど。
fantasy
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- fantasy 系フォント。飾り文字系。環境によってはとんでもない文字になるかも。
cursive
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- cursive 系フォント。筆記体的フォント。使用は難しいかも。
monospace
ひらがなカタカナ漢字ABC1 ABCabc123@*&
- monospace 系フォント。等幅フォント。
このサイト内で使用している画像(バナー除く)及びテキストの無断複製・転載を禁じます
Copyright © 2006 KURAGEYA, All right reserved.