在web项目中导入阿里巴巴矢量图

最新推荐文章于 2024-07-30 13:59:38 发布

yuehuafei

最新推荐文章于 2024-07-30 13:59:38 发布

阅读量4.2k

点赞数 3

分类专栏：字体图标

本文链接：https://blog.csdn.net/yuehuafei/article/details/79075364

版权

本文介绍了在Web项目中导入和使用阿里巴巴矢量图标的步骤。首先从阿里巴巴矢量图库选择需要的图标，将其添加到项目，接着在项目管理中获取在线链接。最后，将获取的CSS代码添加到项目的相应CSS文件中，实现图标的集成。

摘要由CSDN通过智能技术生成

首先在阿里巴巴矢量图库里面找到自己想要的图标

然后添加到购物车，它会让你添加到一个项目中

然后在我的项目中管理

点击查看在线链接

将这样的一段代码添加到自己所需图标的css文件中

@font-face {
  font-family: 'iconfont';  /* project id 524168 */
  src: url('//at.alicdn.com/t/font_524168_p6patg7f4svjwcdi.eot');
  src: url('//at.alicdn.com/t/font_524168_p6patg7f4svjwcdi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_524168_p6patg7f4svjwcdi.woff') format('woff'),
  url('//at.alicdn.com/t/font_524168_p6patg7f4svjwcdi.ttf') format('truetype'),
  url('//at.