css学习day7

最新推荐文章于 2025-11-29 11:27:01 发布

原创最新推荐文章于 2025-11-29 11:27:01 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

博客介绍了web字体的使用方法，可从http://fontello.com/和http://www.iconfont.cn/下载字体并引入HTML，还给出声明字体、给盒子使用字体及添加结构的步骤，同时提到追加新图标的操作。此外，提出定位后in - dext使用及放大缩小网页样式改变的解决问题。

1.web字体
http://fontello.com/
http://www.iconfont.cn/
在上面两个网站下载好自己需要的字体,然后引入到html,准备工作完成后,
第一步：在样式里面声明字体：告诉别人我们自己定义的字体

@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;
}
第二步：给盒子使用字体

span {
font-family: “icomoon”;
}
第三步：盒子里面添加结构

span::before {
content: “\e900”;
}
或者

追加新图标到原来库里面
如果工作中，原来的字体图标不够用了，我们需要添加新的字体图标，但是原来的不能删除，继续使用，此时我们需要这样做
把压缩包里面的selection.json 从新上传，然后，选中自己想要新的图标，从新下载压缩包，替换原来文件即可。
2.今日问题:
关于定位之后in-dext的使用
放大缩小网页之后,样式会变,怎么解决