目录

HTML - 字体参考( Fonts Reference)

字体特定于平台。 在运行不同操作系统(如Windows,Linux或Mac iOS)的不同计算机上,您将拥有不同的网页外观。 这里我们给出了各种操作系统中可用的字体列表。

从版本4.0开始不推荐使用HTML 标记,现在所有字体都是使用CSS设置的。 这是设置网页主体字体的简单语法。

body {
   font-family: "new century schoolbook";
}  
or  
<body style = "font-family:new century schoolbook;">

例子 (Example)

<!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 Systems的字体

字形 字形 字形
Andale MonoArial Arial Bold
Arial Italic Arial Bold Italic Arial Black
漫画Sans MS Comic Sans MS Bold Courier New
Courier New Bold Courier New Italic Courier New Bold Italic
GeorgiaGeorgia BoldGeorgia Italic
Georgia Bold Italic Impact Lucida控制台
Lucida Sans Unicode Marlett Minion Web
SymbolTimes New Roman Times New Roman Bold
Times New Roman斜体 Times New Roman Bold Italic Tahoma
Trebuchet MS Trebuchet MS Bold Trebuchet MS Italic
Trebuchet MS Bold Italic Verdana Verdana Bold
Verdana Italic Verdana Bold Italic Webdings

您可以在此处检查示例字体 - Microsoft字体示例

Macintosh系统的字体

以下是Macintosh System 7及更高版本支持的字体列表

字形 字形 字形
American TypewriterAndale Mono Apple Chancery
Arial Arial Black Brush Script
BaskervilleBig Caslon 漫画Sans MS
Copperplate Courier New Gill Sans
FuturaHerculanumImpact
Lucida Grande Marker FeltOptima
Trebuchet MSVerdanaWebdings
PalatinoSymbolTimes
OsakaPapyrusTimes New Roman
Textile Zapf Dingbats Zapfino
TechnoHoefler TextSkia
Hoefler Text OrnamentsCapitalsCharcoal
GadgetSand

你可以在这里查看示例字体 - Mac字体示例

Unix系统的字体

以下是大多数Unix系统变体支持的字体列表

字形 字形 字形
CharterCleanCourier
FixedHelveticaLucida
Lucida brightLucida TypewriterNew Century Schoolbook
SymbolTerminalTimes
Utopia

你可以在这里检查示例字体 - Unix字体示例

HTML ASCII代码

有2 7 = 128个可打印字符,可以用不同的7-BIT ASCII码表示。 另一组字符不是用于HTML表示,而是设计用于控制硬件。

下表列出了所有7-BIT ASCII代码及其等效的HTML实体代码。

如果要查看等效的HEX,OCT和扩展的ASCII代码集,请查看下一章。

7位可打印ASCII字符

ASCII字符 描述 HTML实体代码
space&#32;
! 感叹号 &#33;
"quotation mark&#34;
#number sign&#35;
$dollar sign&#36;
% 百分号 &#37;
&ampersand&#38;
'apostrophe&#39;
( 左括号 &#40;
) 右括号 &#41;
*asterisk&#42;
+plus sign&#43;
,comma&#44;
-hyphen&#45;
.period&#46;
/slash&#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;
:colon&#58;
;semicolon&#59;
<less-than&#60;
=equals-to&#61;
>greater-than&#62;
?question mark&#63;
@ at sign &#64;
Auppercase A&#65;
Buppercase B&#66;
Cuppercase C&#67;
Duppercase D&#68;
Euppercase E&#69;
Fuppercase F&#70;
Guppercase G&#71;
Huppercase H&#72;
I Uppercase I &#73;
Juppercase J&#74;
Kuppercase K&#75;
Luppercase L&#76;
Muppercase M&#77;
Nuppercase N&#78;
Ouppercase O&#79;
Puppercase P&#80;
Quppercase Q&#81;
Ruppercase R&#82;
Suppercase S&#83;
Tuppercase T&#84;
Uuppercase U&#85;
Vuppercase V&#86;
Wuppercase W&#87;
Xuppercase X&#88;
Yuppercase Y&#89;
Zuppercase Z&#90;
[left square bracket&#91;
\backslash&#92;
]right square bracket&#93;
^caret&#94;
_underscore&#95;
`grave accent&#96;
alowercase a&#97;
blowercase b&#98;
clowercase c&#99;
dlowercase d&#100;
elowercase e&#101;
flowercase f&#102;
glowercase g&#103;
hlowercase h&#104;
ilowercase a&#105;
jlowercase j&#106;
klowercase k&#107;
l 小写l &#108;
mlowercase a&#109;
nlowercase a&#110;
olowercase o&#111;
plowercase a&#112;
qlowercase q&#113;
rlowercase a&#114;
slowercase a&#115;
tlowercase t&#116;
ulowercase u&#117;
vlowercase v&#118;
wlowercase f&#119;
xlowercase x&#120;
ylowercase y&#121;
zlowercase z&#122;
{left curly brace&#123;
|vertical bar&#124;
}right curly brace&#125;
~tilde&#126;

7位ASCII设备控制字符

ASCII字符 描述 HTML实体代码
NUL Null Character &#00;
SOHstart of header&#01;
STXstart of text&#02;
ETXend of text&#03;
EOTend of transmission&#04;
ENQenquiry&#05;
ACKacknowledge&#06;
BELbell (ring)&#07;
BSbackspace&#08;
HT 水平标签 &#09;
LF 换行 &#10;
VT 垂直标签 &#11;
FF form feed &#12;
CRcarriage return&#13;
SOshift out&#14;
SIshift out&#15;
DLE 数据链接逃脱 &#16;
DC1 设备控制1 &#17;
DC2 设备控制2 &#18;
DC3 设备控制3 &#19;
DC4 设备控制4 &#20;
NAKnegative acknowledge&#21;
SYNsynchronize&#22;
ETBend transmission block&#23;
CANcancel&#24;
EMend of medium&#25;
SUBsubstitute&#26;
ESCescape&#27;
FS 文件分隔符 &#28;
GSgroup separator&#29;
RSrecord separator&#30;
USunit separator&#31;
DELdelete (rubout)&#127;
↑回到顶部↑
WIKI教程 @2018