如何在ionic2中添加新的自定义字体图标
How to add new custom font icons in ionic2
我是使用 ionic2 的初学者,并且很难添加新的自定义字体图标。有人能帮我吗?或发送 link 我可以遵循的教程?截至目前,在研究中,我所能看到的只是使用 gulp 的 ionic 1 教程。我可以为 ionic2 做任何其他简单的方法吗?我已经有了 icomoon 生成的字体图标。谢谢!点赞
您可以按照以下步骤添加 icomoon 图标
- 将您的 icomoon style.css 文件复制到 www/build/css 文件夹。
- 将 icomoon 字体文件(.eot、.svg、.ttf、.woff)复制到
www/build/fonts 个文件夹。
- 打开 style.css 文件并使用正确的字体路径编辑 URL 路径。
(可能你只需要包含 ../fonts 来匹配字体
目录)。还使用双引号而不是单引号
url 和格式。
打开 index.html 文件并包含
<link href="build/css/style.css" rel="stylesheet">
打开您的 HTML 文件并在所需位置包含图标
<span class="icon-quill"></span>
我是使用 ionic2 的初学者,并且很难添加新的自定义字体图标。有人能帮我吗?或发送 link 我可以遵循的教程?截至目前,在研究中,我所能看到的只是使用 gulp 的 ionic 1 教程。我可以为 ionic2 做任何其他简单的方法吗?我已经有了 icomoon 生成的字体图标。谢谢!点赞
您可以按照以下步骤添加 icomoon 图标
- 将您的 icomoon style.css 文件复制到 www/build/css 文件夹。
- 将 icomoon 字体文件(.eot、.svg、.ttf、.woff)复制到 www/build/fonts 个文件夹。
- 打开 style.css 文件并使用正确的字体路径编辑 URL 路径。 (可能你只需要包含 ../fonts 来匹配字体 目录)。还使用双引号而不是单引号 url 和格式。
打开 index.html 文件并包含
<link href="build/css/style.css" rel="stylesheet">
打开您的 HTML 文件并在所需位置包含图标
<span class="icon-quill"></span>