当前位置: 首页 > 文档资料 > HTML 入门教程 >

字体参考(Fonts Reference)

优质
小牛编辑
126浏览
2023-12-01

字体特定于平台。 在运行不同操作系统(如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 MonoArialArial Bold
Arial ItalicArial Bold ItalicArial Black
漫画Sans MSComic Sans MS BoldCourier New
Courier New BoldCourier New ItalicCourier New Bold Italic
GeorgiaGeorgia BoldGeorgia Italic
Georgia Bold ItalicImpactLucida控制台
Lucida Sans UnicodeMarlettMinion Web
SymbolTimes New RomanTimes New Roman Bold
Times New Roman斜体Times New Roman Bold ItalicTahoma
Trebuchet MSTrebuchet MS BoldTrebuchet MS Italic
Trebuchet MS Bold ItalicVerdanaVerdana Bold
Verdana ItalicVerdana Bold ItalicWebdings

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

Macintosh系统的字体

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

字形字形字形
American TypewriterAndale MonoApple Chancery
ArialArial BlackBrush Script
BaskervilleBig Caslon漫画Sans MS
CopperplateCourier NewGill Sans
FuturaHerculanumImpact
Lucida GrandeMarker FeltOptima
Trebuchet MSVerdanaWebdings
PalatinoSymbolTimes
OsakaPapyrusTimes New Roman
TextileZapf DingbatsZapfino
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
!感叹号!
"quotation mark"
#number sign#
$dollar sign$
%百分号%
&ampersand&
'apostrophe'
(左括号(
)右括号)
*asterisk*
+plus sign+
,comma,
-hyphen-
.period.
/slash/
0数字00
1数字11
2数字22
3数字33
4数字44
5数字55
6数字66
7数字77
8数字88
9数字99
:colon:
;semicolon;
<less-than<
=equals-to=
>greater-than>
?question mark?
@at sign@
Auppercase AA
Buppercase BB
Cuppercase CC
Duppercase DD
Euppercase EE
Fuppercase FF
Guppercase GG
Huppercase HH
IUppercase II
Juppercase JJ
Kuppercase KK
Luppercase LL
Muppercase MM
Nuppercase NN
Ouppercase OO
Puppercase PP
Quppercase QQ
Ruppercase RR
Suppercase SS
Tuppercase TT
Uuppercase UU
Vuppercase VV
Wuppercase WW
Xuppercase XX
Yuppercase YY
Zuppercase ZZ
[left square bracket[
\backslash\
]right square bracket]
^caret^
_underscore_
`grave accent`
alowercase aa
blowercase bb
clowercase cc
dlowercase dd
elowercase ee
flowercase ff
glowercase gg
hlowercase hh
ilowercase ai
jlowercase jj
klowercase kk
l小写ll
mlowercase am
nlowercase an
olowercase oo
plowercase ap
qlowercase qq
rlowercase ar
slowercase as
tlowercase tt
ulowercase uu
vlowercase vv
wlowercase fw
xlowercase xx
ylowercase yy
zlowercase zz
{left curly brace{
|vertical bar|
}right curly brace}
~tilde~

7位ASCII设备控制字符

ASCII字符描述HTML实体代码
NULNull 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水平标签
LF换行
VT垂直标签&#11;
FFform feed&#12;
CRcarriage return
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)