作者:电脑信息网日期:
返回目录:设置问题
分别给英来文、中文加自个类,
<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>
需要准备的材料分别有:zhidao电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建版html文件,例如:index.html。
2、在index.html中的<body>标签中,输入html代码:
<span style="font-family: Arial">hello </span>
<span style="font-family: 宋体">world </span>
3、浏览器运行index.html页面,此时一行文字用了不同权的样式的字体显示。
<div style='font-family: simsun, "Courier New"'>你好ABCKJDJKSJKAD</div>
<div style='font-family: "Courier New", "Microsoft Yahei"'>你好ABCKJDJKSJKAD</div>
你想要的效果其实e69da5e6ba90e799bee5baa6e79fa5e98193330只需要把英文字体放在前面,中文放在后面。
我上面这个例子,第一个优先的是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