请老师解释下 #iefix #YourWebFontName

首页课程实战体系课手记专栏慕课教程

来源：2-8 @font-face字体的应用

NeverBy

2019-08-29 18:28:50

@font-face {

font-family: 'YourWebFontName';

src: url('./font/YourWebFontName.eot');

src: url('./font/YourWebFontName.ext?#iefix') format('embedded-opentype'),

url('./font/YourWebFontName.ttf') format('truetype'),

url('./font/YourWebFontName.woff') format('woff'),

url('./font/YourWebFontName.svg#YourWebFontName') format('svg');

}

请老师解释一下：

?#iefix 的用意

#YourWebFontName 中yourwebfontname是指路径中的font文件的名字？还是指font-family自定义的名字呢？以及用意

写回答

2回答

好帮手慕星星

2019-08-30

已采纳

你好，

第二种是正确的哦：

字体名称要一致，font-family属性设置的名字是任意的。

祝学习愉快！

好帮手慕星星

2019-08-29

同学你好，

1、这是自定义的名字，不一定要与font文件中名称一致哦：

在使用该字体的时候，font-family属性值与定义的名字一致即可。

2、#iefix 的作用，一是起到了注释的作用，二是可以将 url 参数变为锚点，减少发送给服务器的字符。

可以参考下面链接中解释哦：

http://www.imooc.com/article/7935

祝学习愉快！

heverBy

h @font-face { font-family: 'AAA'; src:url('./font/FontName.svg#AAA') format('svg'); @font-face { font-family: 'AAA'; src:url('./font/FontName.svg#FontName') format('svg'); 这两个哪一个是正确的？

h019-08-30

共1条回复

0 学习 · 5012 问题

查看课程

相似问题

请问老师错误在哪里

回答 2

keep-all没有像老师演示的效果，没有换行

回答 3

老师什么是半角空格啊？

回答 1

请问，这套视频的制作时间是什么时候

回答 2

请老师检查

回答 1

打开慕课网App查看更多内容