<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>字体类型</title><style>#div1{font-family:"Times New Roman";}#div2{font-family: 楷体;}#div3{font-family: Script,黑体;}/* 注意在有的字体名当中有空格时需要加上引号，例如"Times New Roman" */</style></head><body><h2>字体类型的选择标签用：font-family</h2><div>普通中文字体</div><div>normal English font</div><h2>英文字体适用性对比：</h2><divid="div1">这是Times New Roman类型</div><divid="div1">This is Times New Roman type</div><p>从上面对比展示来看，英文字体只能适用于英文，不能适用于中文</p><h2>中文字体适用性对比：</h2><divid="div2">这是楷体类型</div><divid="div2">This is kaiti type</div><p>从上面对比展示来看，中文字体既适用于中文也适用于英文</p><h2>多字体设置：</h2><divid="div3">这里是多字体设置，中文</div><divid="div3">This is multiple font configue，English</div><p>多字体设置的目的是增强代码适用性，有那种字体就用那种字体</p><p>多字体设置时每个字体之间要添加英文逗号</p></body></html>
