请老师解释下 #iefix #YourWebFontName

请老师解释下 #iefix #YourWebFontName

@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回答

你好,

第二种是正确的哦:

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

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

祝学习愉快!

好帮手慕星星 2019-08-29 19:13:45

同学你好,

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

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

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

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

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

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

祝学习愉快!

  • 提问者 NeverBy #1
    @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'); 这两个哪一个是正确的?
    2019-08-30 11:37:07
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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