3-4使用客户端本地字体

Arial不写加粗也会出来粗体效果,而在windows字体中打开却分别能看到每个效果(常规,加粗,斜体,粗斜体)

直接使用Arial和"Arial Black"字体

这是正常的Arial字体 This is a normal font

这是“font-weight: bold”的Arial字体 This is a bold font font-weight: bold;

这是ArialBold字体 This is a bold font font-family: ArialBold sans-serif;

这是Arial black字体 This is a black font font-family: "Arial Black", sans-serif;


通过下列代码绑定后,Arial的bold字体自动调用"Arial Black"

@font-face { font-family: Arial; font-weight: bold; src: local("Arial Black"); }

这是正常的Arial字体 This is a normal font

这是绑定Arial Black后,font-weight: bold的Arial字体 This is a bold font
这时候显示的汉字是普通的Arial字体的font-weight: bold,而英文字母则是字体Arial Black