h1标签内的内容没有变成宋体

h1标签内的内容没有变成宋体

老师,您好。

我按照视频里的代码写出来的页面中,h1标签内的文字内容不是宋体,并且p标签内的文字内容也不是微软雅黑。

代码与前端显示见下图:

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

操作系统:macOS

浏览器:chrome

请您帮我看一下,是否是我写的代码有问题?还是有其他的问题?

感谢您。

正在回答

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

2回答

你好同学 ,测试了你的代码是没有问题的 , 在window下面可以正常出来效果 . 这个是mac自己的特点 , mac中并没有这些字体 , 所以显示它自己默认的字体样式 . 

希望解答了你的疑惑 , 祝学习愉快 ,望采纳 .

好帮手慕夭夭 2018-12-26 17:55:40

你好同学 , 从截图上看 , 里面有一个符号看起来像中文符号 , 如下:

尝试改一下试试

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

但是建议同学把代码完整粘贴上来 , (不要截图) . 这样老师才能准确高效的帮助你解决问题 . 祝学习愉快 !

  • 提问者 Amanda_Ding #1
    感谢您的回复,下方是我写的代码。 还请您看一下是在哪里有写错,感谢辛苦☕️。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字样式</title> <style type="text/css"> h1{font-family:"宋体";} p{font-family:"微软雅黑","宋体","黑体",sans-serif;} </style> </head> <body> <h1>CSS层叠样式表( Cascading Style Sheets) </h1> <p>CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。</p> </body> </html>
    2018-12-26 20:56:59
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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