请问一下为什么我的宋体和微软雅黑在chrome上显示不出来

请问一下为什么我的宋体和微软雅黑在chrome上显示不出来

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>color</title>
        <style type="text/css">
           /*补充代码*/
            @font-face {
              font-family: 'Simsun';
              src: url('font/lamebrai-webfont.eot'); /* IE9 Compat Modes */
              src: url('font/lamebrai-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('font/lamebrai-webfont.woff') format('woff'), /* Modern Browsers */
                   url('font/lamebrai-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
                   url('font/lamebrai-webfont.svg#lamebrai-webfont') format('svg'); /* Legacy iOS */
            }
            @font-face {
              font-family: 'Microsoft YaHei';
              src: url('font/pw_chancelaresca-webfont.eot'); /* IE9 Compat Modes */
              src: url('font/pw_chancelaresca-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('font/pw_chancelaresca-webfont.woff') format('woff'), /* Modern Browsers */
                   url('font/pw_chancelaresca-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
                   url('font/pw_chancelaresca-webfont.svg#pw_chancelaresca-webfont') format('svg'); /* Legacy iOS */
            }
           div{
            font-size:20px;
           }
           h3 {
            font-size: 150%;
            font-family: "Simsun";
            color: rgb(255,0,0);
           }
           p{
            font-family: "Microsoft YaHei";
           }
           span{
            color: #0000FF;
            font-size: 200%;
           }
        </style>
    </head>
    <body>
        <div>
           <h3>CSS层叠样式表</h3>
           <p>
                <span>CSS</span>目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
           </p>
        </div>      
    </body>
</html>

http://img1.sycdn.imooc.com//climg/5b8d2bc40001d4e225601398.jpg

正在回答

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

4回答

您好,谷歌浏览器运行代码的效果

设置font-family:http://img1.sycdn.imooc.com//climg/5b8e59480001cca602520058.jpg

取消font-family:http://img1.sycdn.imooc.com//climg/5b8e596e00011bbc02240062.jpg

如果样式没有成功的时候,控制器中一般是可以看的出来的:http://img1.sycdn.imooc.com//climg/5b8e5aad000187f902230087.jpg

可以尝试清除浏览器的缓存,或者更换浏览器查看样式是否变化,不同浏览器解析时会存在差异性。另回复中不能上传图片。祝学习愉快!

提问者 ggplot2 2018-09-04 18:11:12

但是在safari下打开的话字体又有变化了,真的怪。

http://img1.sycdn.imooc.com//climg/5b8e59c70001bef725581002.jpg

左边是chrome,右边是safari

也不知道是为什么。

提问者 ggplot2 2018-09-04 18:06:01

勾选前:

http://img1.sycdn.imooc.com//climg/5b8e58690001ef8325601408.jpg

勾选后:

http://img1.sycdn.imooc.com//climg/5b8e58c600011b6325421402.jpg

字体看起来完全没有变化orz

好帮手慕查理 2018-09-04 09:39:08

您好,您的设置是起作用了哦~可以看你的截图右下角对于h3的设置。

你可以点击样式前的对号来看样式设置与否的区别哦~

http://img1.sycdn.imooc.com//climg/5b8de2120001d69705630415.jpg

祝学习愉快!

  • 提问者 ggplot2 #1
    不行,看起来完全没有变化orz。样式之前的勾勾我点过了,勾与不勾字体都没什么变化(回复里好像上传不了图片?)。
    2018-09-04 18:02:00
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
PHP小白零基础入门
  • 参与学习           人
  • 提交作业       626    份
  • 解答问题       4930    个

想要学好Web后端开发的中流砥柱语言,本阶段为你轻松铺就扎实的基础,从前端网页布局的搭建到后台PHP开发,助你从零基础到掌握主流开发语言。

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

在线咨询

领取优惠

免费试听

领取大纲

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