为何h3宋体不起作用?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>font-size</title>
<style type="text/css">
/*补充代码*/
h3{font-family: "宋体"; font-size: 2em;}
p{font-family: "微软雅黑";font-size: 1.5em;}
a{font-size: 1.5em;}
</style>
</head>
<body>
<div>
<h3>web前端工程师</h3>
<p>
<a href="#">Web前端开发工程师</a>,主要职责是利用HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。
</p>
</div>
</body>
</html>
正在回答
关于你的问题,进行了相应应的测试,使用 windows 7 , 在 chrome 下测试如下:
浏览效果,是有衬线体:
chrome 浏览器的默认字体也是,宋体:
SimSun 是宋体的英文。在操作系统中常常看到宋体、微软雅黑这样的字体名称,但实际上这只是字体的显示名称,而不是字体文件的名称,一般字体文件都是用英文命名的,如SimSun、Microsoft Yahei。在大多数情况下直接使用显示名称也能正确的显示,但是有一些用户的特殊设置会导致中文声明无效。因此,保守的做法是使用字体的字体名称(英文)或者两者兼写。
还有一种情况在相应的操作系统下没有该字体,也会导致字体设置失效。(苹果下是否有宋体?)
综合上面的考虑,不同的操作系统、不同的浏览器兼容等问题。这个 文章https://segmentfault.com/a/1190000006110417写的不错,总结如上,一起交流、学习与进步。祝学习愉快,欢迎采纳。
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星