HTML-フォントリファレンス
フォントはプラットフォームに固有です。Windows、Linux、Mac iOSなどのさまざまなオペレーティングシステムを実行しているさまざまなマシンで、Webページのルックアンドフィールが異なります。ここでは、さまざまなオペレーティングシステムで使用できるフォントのリストを示します。
HTML <font>タグはバージョン4.0以降で非推奨になり、すべてのフォントがCSSを使用して設定されるようになりました。これは、Webページの本文のフォントを設定する簡単な構文です。
body {
font-family: "new century schoolbook";
}
or
<body style = "font-family:new century schoolbook;">例
<!DOCTYPE html>
<html>
<head>
<title>Font Setting Using CSS</title>
</head>
<body>
<p>Change any of the style and try it.</p>
<div style = "font-family:verdana;">This is demo for font family</div>
<br />
<div style = "font-size:120%;">This is demo for font size</div>
<br />
<div style = "font-size:14pt;">This is demo for font size</div>
</body>
</html>これにより、次の結果が生成されます-
Microsoftシステム用のフォント
| フォント | フォント | フォント |
|---|---|---|
| アンデールモノ | Arial | Arial Bold |
| Arial Italic | Arial Bold Italic | Arial Black |
| Comic Sans MS | Comic Sans MS Bold | クーリエ新 |
| クーリエニューボールド | Courier New Italic | Courier New Bold Italic |
| ジョージア | ジョージアボールド | ジョージアイタリック |
| ジョージア太字イタリック | 影響 | Lucidaコンソール |
| Lucida Sans Unicode | マーレット | ミニオンウェブ |
| シンボル | タイムズニューローマン | タイムズニューローマンボールド |
| Times New Roman Italic | Times New Roman Bold Italic | タホマ |
| トレビュシェットMS | トレビュシェットMSボールド | トレビュシェットMSイタリック |
| TrebuchetMS太字イタリック | ヴェルダナ | Verdana Bold |
| Verdana Italic | Verdana太字イタリック | Webdings |
ここでサンプルフォントを確認できます-Microsoftフォントの例
Macintoshシステム用のフォント
以下は、Macintosh System7以降のバージョンでサポートされているフォントのリストです。
| フォント | フォント | フォント |
|---|---|---|
| アメリカのタイプライター | アンデールモノ | アップルチャンスリー |
| Arial | Arial Black | ブラッシュスクリプト |
| バスカヴィル | ビッグキャスロン | Comic Sans MS |
| 銅板 | クーリエ新 | ギルサン |
| フューチュラ | ヘルクラネウム | 影響 |
| ルシダグランデ | マーカーフェルト | オプティマ |
| トレビュシェットMS | ヴェルダナ | Webdings |
| パラティーノ | シンボル | タイムズ |
| 大阪 | パピルス | タイムズニューローマン |
| 繊維 | Zapf Dingbats | Zapfino |
| テクノ | Hoeflerテキスト | スキア |
| Hoeflerテキスト装飾 | 首都 | 木炭 |
| ガジェット | 砂 |
ここでサンプルフォントを確認できます-Macフォントの例
Unixシステム用のフォント
以下は、ほとんどのUnixシステムバリアントでサポートされているフォントのリストです。
| フォント | フォント | フォント |
|---|---|---|
| チャーター | 掃除 | 宅配便 |
| 修繕 | ヘルベチカ | ルシダ |
| ルシダブライト | ルシダタイプライター | 新世紀の教科書 |
| シンボル | ターミナル | タイムズ |
| ユートピア |
ここでサンプルフォントを確認できます-Unixフォントの例
HTMLASCIIコード
2がある7異なった7ビットのASCIIコードで表すことができる= 128の印刷可能な文字が。別の文字セットはHTML表現用ではありませんが、ハードウェアを制御するために考案されています。
次の表に、すべての7ビットASCIIコードとそれに相当するHTMLエンティティコードを示します。
同等のHEX、OCT、および拡張されたASCIIコードのセットを確認したい場合は、次の章を確認してください。
7ビットの印刷可能なASCII文字
| ASCII文字 | 説明 | HTMLエンティティコード |
|---|---|---|
| スペース | ＆＃32; | |
| ！ | エクスクラメーション・マーク | ＆＃33; |
| 「」 | クォーテーションマーク | ＆＃34; |
| ＃ | 番号記号 | ＆＃35; |
| $ | ドル記号 | ＆＃36; |
| ％ | パーセント記号 | ＆＃37; |
| ＆ | アンパサンド | ＆＃38; |
| ' | アポストロフィ | ＆＃39; |
| （（ | 左括弧 | ＆＃40; |
| ） | 右括弧 | ＆＃41; |
| * | アスタリスク | ＆＃42; |
| + | プラス記号 | ＆＃43; |
| 、 | コンマ | ＆＃44; |
| - | ハイフン | ＆＃45; |
| 。 | 限目 | ＆＃46; |
| / | スラッシュ | ＆＃47; |
| 0 | 数字0 | ＆＃48; |
| 1 | 数字1 | ＆＃49; |
| 2 | 数字2 | ＆＃50; |
| 3 | 数字3 | ＆＃51; |
| 4 | 数字4 | ＆＃52; |
| 5 | 数字5 | ＆＃53; |
| 6 | 数字6 | ＆＃54; |
| 7 | 数字7 | ＆＃55; |
| 8 | 数字8 | ＆＃56; |
| 9 | 数字9 | ＆＃57; |
| ： | 結腸 | ＆＃58; |
| ; | セミコロン | ＆＃59; |
| < | 未満 | ＆＃60; |
| = | 等しい-に | ＆＃61; |
| >> | 大なり記号 | ＆＃62; |
| ？ | 疑問符 | ＆＃63; |
| @ | アットマーク | ＆＃64; |
| A | 大文字A | ＆＃65; |
| B | 大文字B | ＆＃66; |
| C | 大文字C | ＆＃67; |
| D | 大文字D | ＆＃68; |
| E | 大文字のE | ＆＃69; |
| F | 大文字のF | ＆＃70; |
| G | 大文字のG | ＆＃71; |
| H | 大文字のH | ＆＃72; |
| 私 | 大文字のI | ＆＃73; |
| J | 大文字のJ | ＆＃74; |
| K | 大文字のK | ＆＃75; |
| L | 大文字のL | ＆＃76; |
| M | 大文字のM | ＆＃77; |
| N | 大文字のN | ＆＃78; |
| O | 大文字のO | ＆＃79; |
| P | 大文字のP | ＆＃80; |
| Q | 大文字のQ | ＆＃81; |
| R | 大文字のR | ＆＃82; |
| S | 大文字のS | ＆＃83; |
| T | 大文字のT | ＆＃84; |
| U | 大文字のU | ＆＃85; |
| V | 大文字のV | ＆＃86; |
| W | 大文字のW | ＆＃87; |
| バツ | 大文字のX | ＆＃88; |
| Y | 大文字のY | ＆＃89; |
| Z | 大文字のZ | ＆＃90; |
| [ | 左角括弧 | ＆＃91; |
| \ | バックスラッシュ | ＆＃92; |
| ] | 右角括弧 | ＆＃93; |
| ^ | キャレット | ＆＃94; |
| _ | アンダースコア | ＆＃95; |
| ` | アクサングラーブ | ＆＃96; |
| A | 小文字 | ＆＃97; |
| b | 小文字b | ＆＃98; |
| c | 小文字c | ＆＃99; |
| d | 小文字d | ＆＃100; |
| e | 小文字e | ＆＃101; |
| f | 小文字のf | ＆＃102; |
| g | 小文字のg | ＆＃103; |
| h | 小文字h | ＆＃104; |
| 私 | 小文字のi | ＆＃105; |
| j | 小文字のj | ＆＃106; |
| k | 小文字のk | ＆＃107; |
| l | 小文字のl | ＆＃108; |
| m | 小文字のm | ＆＃109; |
| n | 小文字n | ＆＃110; |
| o | 小文字o | ＆＃111; |
| p | 小文字のp | ＆＃112; |
| q | 小文字のq | ＆＃113; |
| r | 小文字のr | ＆＃114; |
| s | 小文字 | ＆＃115; |
| t | 小文字のt | ＆＃116; |
| u | 小文字のu | ＆＃117; |
| v | 小文字v | ＆＃118; |
| w | 小文字w | ＆＃119; |
| バツ | 小文字のx | ＆＃120; |
| y | 小文字のy | ＆＃121; |
| z | 小文字のz | ＆＃122; |
| {{ | 左中括弧 | ＆＃123; |
| | | 垂直バー | ＆＃124; |
| } | 右中括弧 | ＆＃125; |
| 〜 | チルダ | ＆＃126; |
7ビットASCIIデバイス制御文字
| ASCII文字 | 説明 | HTMLエンティティコード |
|---|---|---|
| NUL | ヌル文字 | ＆＃00; |
| SOH | ヘッダーの開始 | ＆＃01; |
| STX | テキストの始まり | ＆＃02; |
| ETX | テキストの終わり | ＆＃03; |
| EOT | 送信の終了 | ＆＃04; |
| ENQ | 問い合わせ | ＆＃05; |
| ACK | 認める | ＆＃06; |
| ベル | ベル（リング） | ＆＃07; |
| BS | バックスペース | ＆＃08; |
| HT | 水平タブ | ＆＃09; |
| LF | 改行 | ＆＃10; |
| VT | 垂直タブ | ＆＃11; |
| FF | フォームフィード | ＆＃12; |
| CR | キャリッジリターン | ＆＃13; |
| そう | シフトアウト | ＆＃14; |
| SI | シフトイン | ＆＃15; |
| DLE | データリンクエスケープ | ＆＃16; |
| DC1 | デバイス制御1 | ＆＃17; |
| DC2 | デバイス制御2 | ＆＃18; |
| DC3 | デバイス制御3 | ＆＃19; |
| DC4 | デバイス制御4 | ＆＃20; |
| NAK | 否定的な承認 | ＆＃21; |
| SYN | 同期する | ＆＃22; |
| ETB | 送信ブロック終了 | ＆＃23; |
| できる | キャンセル | ＆＃24; |
| EM | 媒体の終わり | ＆＃25; |
| サブ | 代替 | ＆＃26; |
| ESC | 逃れる | ＆＃27; |
| FS | ファイル区切り文字 | ＆＃28; |
| GS | グループ区切り文字 | ＆＃29; |
| RS | レコード区切り文字 | ＆＃30; |
| 我ら | ユニットセパレータ | ＆＃31; |
| DEL | 削除（rubout） | ＆＃127; |