关于@font-face
@font-face{
font-family: "iconfont";
src:url("../img/font/iconfont.eot");
src:url("../img/font/iconfont.eot") format("embedded-opentype"),
url("../img/font/iconfont.svg#iconfont") format("svg"),
url("../img/font/iconfont.ttf") format("truetype"),
url("../img/font/iconfont.woff") format("woff");
}
.menu-item i{
position: absolute;
top: 2px;
right:32px;
font-size: 24px;
font-family: "iconfont";
font-style: normal;
font-weight: normal;
color: rgba(255,255,255,0.8);
}
老师，以上代码是什么意思？为什么要设置这个@font-face，然后通过下面的font-family:"iconfont";来操作才可以？然后在@font-face里面写font-family:"iconfont"的话，就是为了给下面的使用？只要下面的i标签写上font-family:"iconfont"，然后就会执行@font-face的内容？但是在@fon-face里面的内容还是不明白是什么意思
正在回答
同学你好，
1、@font-face不支持自定义字体背景、颜色，可定义字体的粗细、斜体/正常样式、特定字符使用自定义字体
2、format：自定义字体的格式，主要用来帮助浏览器识别字体，因为不同的浏览器对字体格式支持是不一致的
3、在CSS样式中引用字体模块时，在相应的属性下面直接引用即可，font-family:"iconfont";
加油，祝学习愉快~~~
同学你好，
@font-face是CSS中的一个字体模块，用来定义字体，可以应用到网页中
1、语法规则如下：
@font-face {
font-family: <FontName>;
src: <source> [<format>][,<source> [<format>]]*;
[font-weight: <weight>];
[font-style: <style>];
}
2、含义如下：
font-family：自定义的字体名称
src：字体来源，可先下载保存到本地，format使字体支持不同的浏览器
font-weight：定义字体的粗细，可选参数
font-style：定义字体样式，可选参数
3、使用：
字体定义完成后，可以在css样式中进行引用，可参考以下示例
如果解答了同学的疑惑，欢迎采纳，祝学习愉快~~~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 218 份
- 解答问题 3562 个
本阶段带你用Python开发一个网站，学习主流框架Django+Flask是Python Web开发的第一步，在基础知识上实现积分商城的项目开发，体验真实的项目开发流程，提高解决编程问题和效率的能力。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星