为何h3宋体不起作用?

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


正在回答

登陆购买课程后可参与讨论,去登陆

5回答

关于你的问题,进行了相应应的测试,使用 windows 7 , 在 chrome 下测试如下:

  1.  浏览效果,是有衬线体:

    http://img1.sycdn.imooc.com/climg//591b0b550001e84907370156.jpg

  2. chrome 浏览器的默认字体也是,宋体:

    http://img1.sycdn.imooc.com/climg//591b0ba30001e0dd11040354.jpg

  3. SimSun 是宋体的英文。在操作系统中常常看到宋体、微软雅黑这样的字体名称,但实际上这只是字体的显示名称,而不是字体文件的名称,一般字体文件都是用英文命名的,如SimSun、Microsoft Yahei。在大多数情况下直接使用显示名称也能正确的显示,但是有一些用户的特殊设置会导致中文声明无效。因此,保守的做法是使用字体的字体名称(英文)或者两者兼写。

  4. 还有一种情况在相应的操作系统下没有该字体,也会导致字体设置失效。(苹果下是否有宋体?)

综合上面的考虑,不同的操作系统、不同的浏览器兼容等问题。这个 文章https://segmentfault.com/a/1190000006110417写的不错,总结如上,一起交流、学习与进步。祝学习愉快,欢迎采纳。

  • OlafChou 提问者 #1
    我很喜欢你这个回答,完美的解决了我的问题,Mac的chrome默认字体不是宋体,是苹方
    2017-05-17 13:10:00
  • OlafChou 提问者 #2
    我上传Mac的图了,给你看看
    2017-05-17 13:11:10
  • 小于飞飞 回复 提问者 OlafChou #3
    嗯嗯,发现问题,多探索,相应一定会找到原因的,加油,祝学习愉快。
    2017-05-17 17:36:31
提问者 OlafChou 2017-05-17 13:10:50
提问者 OlafChou 2017-05-16 16:02:49

一般的时候我们在开发项目的时候为了让各大主流浏览器字体显示相同,都会写上中文字体font-family:“宋体";和英文别名font-family:SimSun;两者一起写,就不会出现有的浏览器不显示的问题啦

提问者 OlafChou 2017-05-16 12:42:09

我一个前端朋友说宋体在chrome不能显示,要用simsun这样的写法才可以,这是为何啊?

小于飞飞 2017-05-15 11:06:50

你好,h3 的设置时起作用的,注意观察浏览器的默认样式,可能就是 宋体,所以 看到的效果没变化。希望对你有帮助,如解决你的疑惑,请采纳呦。

  • 提问者 OlafChou #1
    确定吗,宋体是衬线体,我应该能看得出来啊
    2017-05-16 07:55:47
  • 小于飞飞 回复 提问者 OlafChou #2
    根据你的浏览器,查看下,是否是这种情况。如是可以排除不起作用的原因,不是在查找其他原因。
    2017-05-16 09:11:02
  • 提问者 OlafChou 回复 小于飞飞 #3
    我的浏览器是chrome浏览器啊,而且我设置了宋体,它应该显示宋体才对呢
    2017-05-16 12:28:47
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师