按老师的操作,字体没有变化
来源:2-7 字体属性详解
weixin_慕丝0069994
2020-11-19 11:58:37
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
@font-face {
font-family: 'webfont';
font-display: swap;
src: url('//at.alicdn.com/t/webfont_j63uhyyddxn.eot');
/* IE9*/
src: url('//at.alicdn.com/t/webfont_j63uhyyddxn.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('//at.alicdn.com/t/webfont_j63uhyyddxn.woff2') format('woff2'),
url('//at.alicdn.com/t/webfont_j63uhyyddxn.woff') format('woff'),
/* chrome、firefox */
url('//at.alicdn.com/t/webfont_j63uhyyddxn.ttf') format('truetype'),
/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('//at.alicdn.com/t/webfont_j63uhyyddxn.svg#站酷高端黑') format('svg');
/* iOS 4.1- */
}
.para1 {
font-family: "宋体";
}
.para2 {
font-family: 'webfont';
}
</style>
</head>
<body>
<p class="para1">世界和平</p>
<p class="para2">电商很美好</p>
</body>
</html>
过选择【代码语言】突出显示
1回答
同学你好,建议检查浏览器控制台(F12打开)中是否有报错,如果有这样字体文件的报错
建议在字体文件地址前面添加上http:
记得生成自己想要显示的文字字体,然后粘贴代码
实现效果:
祝学习愉快!
相似问题
回答 1
回答 1