关于iconfont图标引入

来源:2-1 flex + iconfont 完成首页 docker 样式编写

雨7758978

2022-07-27 11:43:47

相关截图:

https://img.mukewang.com/climg/62e0b40c09f97ce415081091.jpg

https://img.mukewang.com/climg/62e0b4180986696120981249.jpg

相关代码:

@font-face {
    font-family: "iconfont"; /* Project id 3548800 */
    src: url('iconfont.woff2?t=1658890815876') format('woff2'),
         url('iconfont.woff?t=1658890815876') format('woff'),
         url('iconfont.ttf?t=1658890815876') format('truetype');
  }
 
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


写回答

1回答

好帮手慕星星

2022-07-27

同学你好,是引入路径的问题。iconfont.css文件中引入字体文件,路径是当前目录下,所以将字体文件与iconfont.css文件放在一起没问题

https://img.mukewang.com/climg/62e0b59209df737010630639.jpg

如果想将字体文件放在其他文件夹中,需要改变字体文件引入路径

https://img.mukewang.com/climg/62e0b6030982eceb12900632.jpg

自己试试,祝学习愉快!

0

0 学习 · 15276 问题

查看课程