首页 > 编程知识 正文

办公椅使用介绍,艾可慕r30中文说明书

时间:2023-05-03 17:07:16 阅读:171128 作者:3933

这个博客介绍了如何利用icomoon导入图标,以icomoon方式实现自己想要的东西。 在网站和移动终端上,是使用图标还是尽量选择这里是众所周知的。 由于直接使用image会导致部分图标失真,因此在前端开发中,也是掌握需求的项目,可以简单地走几个步骤。

一. icomoon官方网站链接: https://icomoon.io/app/#/select

进入官方网站后,默认情况下会生成一组图标文件,如果不需要,可以删除所有文件。 具体操作如下图所示。

琥珀色是选定的图标; 未选择灰色状态; 使用右侧的紫色开关按钮可以打开或关闭此列表; 您可以在左上角创建列表、自定义相关文件或导入文件; impout icons按钮是用于导入自己想要的SVG格式图的按钮。 会员可以通过账户保存图标的信息

由于非会员用户只能在浏览器本地存储图标信息,一般用户每次都会丢失以前导入的图标,方法是尽量在同一浏览器上编辑图表库,根据需要导出并备份所有svg图标

2 :导入图标文件

选择自己制作的SVG格式的图标后,会自动导入到下面的列表中。 如果没有SVG格式的图标,请访问蚂蚁图库下载。 http://www.iconfont.cn/

(三)选择修改按钮,点击任意图标,弹出消息修改框。

四.导入并创建新列表,然后退出:

(五)如果没有自己制作的图标,可以使用官网提供的图标。 有些需要费用,有些是免费的,但其实有很多。

)图标放置后,单击此处下载fons文件,将显示类似以下内容的画面。

图标的名称可以定制,可以自己取。 以下,如e901所示,点击可以看到HTML中的调用和方法。 点击右下角的Download下载库文件; 七.此时,下载文件后,查看并压缩Zip的Icomoon文化;

这是解冻后的相关文件。 需要css文件或更高版本的字体文件。 请参考demo文件。 里面有调用相关图的方法。

将整个icomoon文件导入到项目文件中

(8)此时,可以用Html调用图标。

使用此span标记将此span文件写入html,如:

请不要忘记将CSS样式文件导入到Html中。 例如,link href=' fonts/two/style.CSS ' rel=' style sheet '就是导入的fonts中的style.CSS文件

想用什么样的图,用标签直接叫名字就可以了。

(十) :

1. demo-files,demo.html demo示例文件。

2 .字体文件。

3 .读我的文档。

4. selection.json iconmoon项目文件。 可用于导入。

5 .要在5. style.css项目中使用的样式文件。

最终您将看到以下内容:

以上介绍了如何利用icomoon进行方法调用图标,在目前的方式下,前端开发人员必须掌握该技能,在项目开发中也有很好的兼容性和帮助。 谢谢您的阅读。 下期再见。 ~

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