html中怎样分别给中英文设置不同的字体

html-css026

html中怎样分别给中英文设置不同的字体,第1张

<div style='font-family: simsun, "Courier New"'>你好ABCKJDJKSJKAD</div>

<div style='font-family: "Courier New", "Microsoft Yahei"'>你好ABCKJDJKSJKAD</div>

你想要的效果其实只需要把英文字体放在前面,中文放在后面。

我上面这个例子,第一个优先的是simsun,也就是宋体,后面的英文也是宋体显示

第二个我把Courier New放在前面,后面放个微软雅黑,英文就是Courier New字体,中文则是雅黑

css里,不能用中文命名字体,例如font-family: "微软雅黑",似乎是不行的。你去试试在css顶部加一个@charset "utf-8"这样看看行不行。

@charset "utf-8"

body {

    font-family: "中文字体名称"

}

如果不行就是转编码,转码转成utf-16 进入这个网址网页链接

在输入框输入,输入完成之后会产生,这样的字符串

\u{5fae}\u{8f6f}\u{96c5}\u{9ed1}

在css里改成这样

font-family: \u+5fae\u+8f6f\u+96c5\u+9ed1

分别给英文、中文加个类,

<html>

<head>

<style>

.english{font-family:Times New Roman}

.chinese{font-family:"楷体_GB2312"}

</style>

<body>

<table>

<tr><td><span class="english">Hello</span>,<span class="chinese">您好</span></td></tr>

<tr><td><span class="english">Hello</span>,<span class="chinese">您好</span></td></tr>

<tr><td><span class="english">Hello</span>,<span class="chinese">您好</span></td></tr>

</table>

</body>

</html>

系统不匹配。html中导入的字体只支持英文不支持中文是因为系统不匹配造成的原因。HTML的全称为超文本标记语言,是一种标记语言,它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。