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

<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>

</table>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

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