HTML 字体参考
时间:2019-06-08 23:19:24 来源:igfitidea点击:
字体是特定于平台的。在运行不同操作系统(如Windows、Linux或macios)的不同机器上,我们将拥有不同的网页外观。这里我们给出了各种操作系统中可用的字体列表。
HTML<font>标记在4.0以后的版本中被弃用,现在所有字体都是通过CSS设置的。
以下是设置网页正文字体的简单语法。
body {
font-family: "new century schoolbook";
}
或者
<body style = "font-family:new century schoolbook;">
示例
<!DOCTYPE html>
<html>
<head>
<title>设置字体</title>
</head>
<body>
<div style = "font-family:verdana;">设置字体集</div>
<br />
<div style = "font-size:120%;">设置字体大小</div>
<br />
<div style = "font-size:14pt;">设置字体大小</div>
</body>
</html>
微软系统字体
默认系统自带的字体列表:https://docs.microsoft.com/en-us/typography/fonts/windows_10_font_list
常用字体:
| 字体 | 字体 | 字体 |
|---|---|---|
| 'Arial' | 'Arial Black' | 'Bahnschrift' |
| 'Calibri' | 'Cambria' | 'Cambria Math' |
| 'Candara' | 'Comic Sans MS' | 'Consolas' |
| 'Constantia' | 'Corbel' | 'Courier New' |
| 'Ebrima' | 'Franklin Gothic Medium' | 'Gabriola' |
| 'Gadugi' | 'Georgia' | 'HoloLens MDL2 Assets' |
| 'Impact' | 'Ink Free' | 'Javanese Text' |
| 'Leelawadee UI' | 'Lucida Console' | 'Lucida Sans Unicode' |
| 'Malgun Gothic' | 'Marlett' | 'Microsoft Himalaya' |
| 'Microsoft JhengHei' | 'Microsoft New Tai Lue' | 'Microsoft PhagsPa' |
| 'Microsoft Sans Serif' | 'Microsoft Tai Le' | 'Microsoft YaHei' |
| 'Microsoft Yi Baiti' | 'MingLiU-ExtB' | 'Mongolian Baiti' |
| 'MS Gothic' | 'MV Boli' | 'Myanmar Text' |
| 'Nirmala UI' | 'Palatino Linotype' | 'Segoe MDL2 Assets' |
| 'Segoe Print' | 'Segoe Script' | 'Segoe UI' |
| 'Segoe UI Historic' | 'Segoe UI Emoji' | 'Segoe UI Symbol' |
| 'SimSun' | 'Sitka' | 'Sylfaen' |
| 'Symbol' | 'Tahoma' | 'Times New Roman' |
| 'Trebuchet MS' | 'Verdana' | 'Webdings' |
| 'Wingdings' | 'Yu Gothic' |
Macintosh系统的字体
以下是Macintosh System 7及更高版本支持的字体列表
https://developer.apple.com/fonts/system-fonts/
| 字体 | 字体 | 字体 |
|---|---|---|
| 'American Typewriter' | 'Andale Mono' | 'Arial' |
| 'Arial Black' | 'Arial Narrow' | 'Arial Rounded MT Bold' |
| 'Arial Unicode MS' | 'Avenir' | 'Avenir Next' |
| 'Avenir Next Condensed' | 'Baskerville' | 'Big Caslon' |
| 'Bodoni 72' | 'Bodoni 72 Oldstyle' | 'Bodoni 72 Smallcaps' |
| 'Bradley Hand' | 'Brush Script MT' | 'Chalkboard' |
| 'Chalkboard SE' | 'Chalkduster' | 'Charter' |
| 'Cochin' | 'Comic Sans MS' | 'Copperplate' |
| 'Courier' | 'Courier New' | 'Didot' |
| 'DIN Alternate' | 'DIN Condensed' | 'Futura' |
| 'Geneva' | 'Georgia' | 'Gill Sans' |
| 'Helvetica' | 'Helvetica Neue' | 'Herculanum' |
| 'Hoefler Text' | 'Impact' | 'Lucida Grande' |
| 'Luminari' | 'Marker Felt' | 'Menlo' |
| 'Microsoft Sans Serif' | 'Monaco' | 'Noteworthy' |
| 'Optima' | 'Palatino' | 'Papyrus' |
| 'Phosphate' | 'Rockwell' | 'Savoye LET' |
| 'SignPainter' | 'Skia' | 'Snell Roundhand' |
| 'Tahoma' | 'Times' | 'Times New Roman' |
| 'Trattatello' | 'Trebuchet MS' | 'Verdana' |
Unix系统字体
以下是大多数Unix系统变体支持的字体列表
| 字体 | 字体 | 字体 |
|---|---|---|
| Charter | Clean | Courier |
| Fixed | Helvetica | Lucida |
| Lucida bright | Lucida Typewriter | New Century Schoolbook |
| Symbol | Terminal | Times |
HTML ASCII码
共有128个可打印字符,可由不同的7位ASCII码表示。另一组字符不是用来表示HTML的,而是用来控制硬件的。
下表列出了所有7位ASCII代码及其等效的HTML实体代码。
7位可打印ASCII字符
| ASCII字符 | 说明 | HTML实体代码 |
|---|---|---|
| 空格 |   | |
| ! | 感叹号 | ! |
| " | 引号 | " |
| # | 井号 | # |
| $ | 美元符号 | $ |
| % | 百分号 | % |
| & | 与号 | & |
| ' | 单引号 | ' |
| ( | 左括号 | ( |
| ) | 右括号 | ) |
| * | 星号 | * |
| + | 加号 | + |
| , | 逗号 | , |
| - | 连字符 | - |
| . | 点 | . |
| / | 斜杠 | / |
| 0 | 数字0 | 0 |
| 1 | 数字1 | 1 |
| 2 | 数字2 | 2 |
| 3 | 数字3 | 3 |
| 4 | 数字4 | 4 |
| 5 | 数字5 | 5 |
| 6 | 数字6 | 6 |
| 7 | 数字7 | 7 |
| 8 | 数字8 | 8 |
| 9 | 数字9 | 9 |
| : | 冒号 | : |
| ; | 分号 | ; |
| < | 小于 | < |
| = | 等于 | = |
| > | 大于 | > |
| ? | 问号 | ? |
| @ | 艾特符号 | @ |
| A | 大写字母A | A |
| B | 大写字母B | B |
| C | 大写字母C | C |
| D | 大写字母D | D |
| E | 大写字母E | E |
| F | 大写字母F | F |
| G | 大写字母G | G |
| H | 大写字母H | H |
| I | 大写字母I | I |
| J | 大写字母J | J |
| K | 大写字母K | K |
| L | 大写字母L | L |
| M | 大写字母M | M |
| N | 大写字母N | N |
| O | 大写字母O | O |
| P | 大写字母P | P |
| Q | 大写字母Q | Q |
| R | 大写字母R | R |
| S | 大写字母S | S |
| T | 大写字母T | T |
| U | 大写字母U | U |
| V | 大写字母V | V |
| W | 大写字母W | W |
| X | 大写字母X | X |
| Y | 大写字母Y | Y |
| Z | 大写字母Z | Z |
| [ | 左方括号 | [ |
| \ | 反斜杠 | \ |
| ] | 右方括号 | ] |
| ^ | 脱字符号 | ^ |
| _ | 下划线 | _ |
| ` | 重音符 | ` |
| a | 小写字母a | a |
| b | 小写字母b | b |
| c | 小写字母c | c |
| d | 小写字母d | d |
| e | 小写字母e | e |
| f | 小写字母f | f |
| g | 小写字母g | g |
| h | 小写字母h | h |
| i | 小写字母i | i |
| j | 小写字母j | j |
| k | 小写字母k | k |
| l | 小写字母l | l |
| m | 小写字母m | m |
| n | 小写字母n | n |
| o | 小写字母o | o |
| p | 小写字母p | p |
| q | 小写字母q | q |
| r | 小写字母r | r |
| s | 小写字母s | s |
| t | 小写字母t | t |
| u | 小写字母u | u |
| v | 小写字母v | v |
| w | 小写字母w | w |
| x | 小写字母x | x |
| y | 小写字母y | y |
| z | 小写字母z | z |
| { | 左花括号 | { |
| | | 竖线 | | |
| } | 右大括号 | } |
| ~ | 波浪号 | ~ |
7位ASCII设备控制字符
| ASCII字符 | 英文全拼 | 说明 | HTML实体代码 |
|---|---|---|---|
| NUL | null character | null字符 | � |
| SOH | start of header | 头开始 |  |
| STX | start of text | 开始的文本 |  |
| ETX | end of text | 最后的文本 |  |
| EOT | end of transmission | 传输结束 |  |
| ENQ | enquiry | 询盘 |  |
| ACK | acknowledge | 承认 |  |
| BEL | bell (ring) | 贝尔(环) |  |
| BS | backspace | 退格 |  |
| HT | horizontal tab | 水平选项卡 | 	 |
| LF | line feed | 换行 | |
| VT | vertical tab | 垂直制表符 |  |
| FF | form feed | 换页 |  |
| CR | carriage return | 回车 | |
| SO | shift out | 移出 |  |
| SI | shift in | 移入 |  |
| DLE | data link escape | 数据链路转义 |  |
| DC1 | device control 1 | 设备控制1 |  |
| DC2 | device control 2 | 设备控制2 |  |
| DC3 | device control 3 | 设备控制3 |  |
| DC4 | device control 4 | 设备控制4 |  |
| NAK | negative acknowledge | 否定应答 |  |
| SYN | synchronize | 同步 |  |
| ETB | end transmission block | 结束传动块 |  |
| CAN | cancel | 取消 |  |
| EM | end of medium | 媒体结束 |  |
| SUB | substitute | 替代 |  |
| ESC | escape | 转义 |  |
| FS | file separator | 文件分隔符 |  |
| GS | group separator | 组分隔符 |  |
| RS | record separator | 记录分隔符 |  |
| US | unit separator | 单位分隔符 |  |
| DEL | delete (rubout) | 删除 |  |

