首页 > 编程知识 正文

icon图标教程,iconfont图标怎么调大小

时间:2023-05-04 14:40:08 阅读:36413 作者:16

目录方法1方法2

方法1

注册iconfont帐户

从图标库中选择喜欢的东西,放入购物车后添加到项目中

本地下载并解压缩

这里需要的只是下面检查过的文件,其他什么用都没有

接下来是使用方法。 我在用test文件夹演示。 大家可以一模一样地换成vue使用。

test文件夹具有这种结构。 请注意,字体文件必须位于iconfont文件夹中,而名为iconfont的文件夹不会重命名任何其他名称

在html中引入iconfont.css文件

! 文档类型pehtmlheadmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width, initial-scale=1.0 ' title document/titlelinkrel=' style sheet ' href='./icon font.CSS '/headbodydivclass=' icocon ' #xe632; /div/body/html的结果

方法(几步前的情况,放入购物车,添加到项目中。

生成代码。 请保持和图中的两个消息状态。 单击“生成”

将链接复制到浏览器访问

请全部复印

文件结构,创建新的css文件并复制代码

修改css的代码,删除所有选定的内容。 请注意不要删除中间的src

删除之后的代码

使用

结果

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。