首页 > 其他分享 >使用icomoon创建字体包 以及 字体的导入、导出、添加、删除

使用icomoon创建字体包 以及 字体的导入、导出、添加、删除

时间:2024-01-08 22:00:10浏览次数:38  
标签:style icomoon 创建 导出 点击 导入 字体

icomoon地址

https://icomoon.io/app/#/select

创建字体包

创建项目

1、点击左上角的汉堡菜单,选择manage projects;

2、点击之后能看到所有的项目,点击new Project创建新项目

3、创建完成后,点击project后的load按钮进入项目;选择左上角的new Empty set创建新的字体集

4、点击字体集右侧的汉堡按钮,选择import to set, 选择svg图片,即可将图片导入字体集

要修改字体集名称的话,点击字体集右侧的汉堡按钮,选择properties,然后选择edit metadata 修改。

导出字体包

1、首先选中需要导出的字体

2、最下面切换到最后一个tab(Font),点击设置修改Font name(font-family) 和 class name

3、点击download导出

4、导出后的字体包

其中的fonts和style.css是我们需要的;代码中引入style.css就可以使用了。
Vue项目中把fonts和style.css都放到静态目录下(不进行webpack打包的那个目录),然后引入style.css即可。

导入字体包

如何删除图标

标签:style,icomoon,创建,导出,点击,导入,字体
From: https://www.cnblogs.com/duanlvxin/p/17953293

相关文章

  • FAQ002 设置RichTextBox的字体
    要将文本颜色设置为红色并加粗,可以使用Font类中的Bold属性来将字体加粗。下面是一个示例:yourRichTextBox.SelectionColor=Color.Red;yourRichTextBox.SelectionFont=newFont(yourRichTextBox.SelectionFont,FontStyle.Bold);在这个示例中,yourRichTextBox是一个指向......
  • Dynamics 365 导入Excel报错:Server was unable to process request.
    Dynamics365导入Excel报错:Serverwasunabletoprocessrequest. F12查看调用,发现是调用GetImportMapXml报错,于是到高级设置-数据管理-导入去试试,提示字段Industry未找到,后来找一下字段Industry,居然又3个,一下子就清晰了,是因为有3个字段一样的显示名称,映射不了导致报错 ......
  • Android Studio导入现有项目的方法
    今年因为搞了四个电脑放在不同地点,经常遇到在新电脑上装了AndroidStudio之后需要导入现有项目的情况,有时挺顺利,有时又很麻烦,遇到各种问题导致无法build.不过也有一些规律,总结一下怎样做才能顺利导入:错误的做法从其他电脑上把项目目录拷贝过来,在AS中进行导入。这样特别容易遇到各种......
  • 创意无限:火星文和变异字体的魅力世界
    在互联网的浩瀚星空里,火星文和变异字体如同璀璨的繁星,照亮了网络世界的角落。它们以独特的创意和视觉冲击力,吸引着无数网友的目光。让我们一起走进这个充满创意和想象力的世界,感受火星文和变异字体的无限魅力。火星文生成器|一个覆盖广泛主题工具的高效在线平台(amd794.co......
  • mysql备份导入
    mysqldump-uroot-p--single-transaction--master-data=2--flush-logs--flush-privileges--routines=TRUE--triggers--databasesperf>/root/backup/perf.sql#有可能会有警告mysqldump-uroot-p--single-transaction--master-data=2--flush-logs--flush-priv......
  • 大疆DJI Zenmuse L1点云导入contextcapture(iTwin capture)—轨迹文件Sbet转成符合conte
    大疆DJIZenmuseL1点云导入contextcapture(iTwincapture)—轨迹文件Sbet转成符合contextcapture要求的trajectoriesfile前言步骤1.在DJITerra中导出las格式的点云,然后找到轨迹文件sbet.txt2.将所有的sbet.txt转成需要的文件样式3.把点云导入contextcapture(iTwincapture)前言......
  • java 一对多表格数据导入
    Java一对多表格数据导入在许多应用程序中,我们经常需要处理一对多的数据关系。这意味着一个实体(如用户)可以有多个关联实体(如订单)。在本文中,我们将探讨如何使用Java语言导入一对多的表格数据,并提供了代码示例。数据模型在开始之前,让我们先定义一下我们的数据模型。假设我们有两个......
  • mysql导入导出sql文件
    MySQL新版本无法使用-p密码形式,可以在my.cnf中设置账号密码导出备份命令如下:mysqldump--defaults-extra-file=/etc/my.cnf数据库名>database.sql一、导出数据库用mysqldump命令(注意mysql的安装路径,即此命令的路径):1、导出数据和表结构:mysqldump-u用户名-p数据库名[表名......
  • 安卓期末大作业Android studio-记单词app(资源链接在文末,含注册登录,含设计报告,含导出ap
    安卓期末大作业Androidstudio-记单词app(注册登录、增删改查)1、注册登录界面2.用户点击加号按钮输入单词,键盘会自动弹出并焦点在输入框,用户输入英文和中文释义,单词本上将在最上面显示这个单词,并会有下拉动画。用户可以通过上方放回箭头取消输入。2.用户可以通过单词盘边的按钮来关......
  • pr 2020 导入歌词文件暨制作含字幕的MV
    一、制作srt字幕文件获取互联网上的lrc歌词文件;将歌词文件用记事本打开,另存为UTF-8(含物料);将lrc文件转换为srt文件;可访问以下地址:https://gotranscript.com/subtitle-converter将srt文件再用记事本打开,另存为UTF-8(含物料)。二、导入srt字幕文件  将最终获得的srt字幕文......