问题描述
我自己编写的第一个代码在第二个被删除时不能在Chrome上显示图标字体,但是从其他HTML代码复制的第二个代码在第一个被删除时可以显示。
我已经多次比较了这两个代码,但是我发现它们之间没有任何区别。这是怎么回事?
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<Meta charset="UTF-8">
<style>
/*1、The first code*/
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?7kkyc2');
src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?7kkyc2') format('truetype'),url('fonts/icomoon.woff?7kkyc2') format('woff'),url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/*2、The first code*/
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?7kkyc2');
src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
span {
font-family: 'icomoon';
font-size: 50px;
color: red;
}
</style>
</head>
<body>
<span> </span>
</body>
</html>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)