我想为我的项目Ionic 2添加一个特定的图标字体。我只有一个文件夹，里面有我的字体，但我不知道如何将它集成到项目中。
我尝试添加webfont医学图标：https://samcome.github.io/webfont-medical-icons/
我试着把它添加到我的www/assets/fonts文件夹中，但我不知道我必须更新哪个文件才能使用这种字体？
更新
我的项目已经有了很棒的字体。我试着遵循同样的过程：
我经过了我的www/assets/fonts文件夹中的4种字体文件。
我经过了我的www/assets/cass文件夹中的一个文件"wfmi style.min.css"。
最后，我把它写在我的src/index.html文件中：
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/wfmi-style.min.css" rel="stylesheet">
<link href="build/main.css" rel="stylesheet">
但我有一个错误：
Failed to decode downloaded font: http://localhost:8100/assets/fonts/webfont-medical-icons.ttf
(index):1 Failed to decode downloaded font:
http://localhost:8100/assets/fonts/webfont-medical-icons.woff
这是我的wfmi-style.min.css:开头的代码
@font-face {
font-family: 'webfont-medical-icons';
src:url('../fonts/webfont-medical-icons.eot');
src:url('../fonts/webfont-medical-icons.eot?#iefix') format('embedded-opentype'),
url('../fonts/webfont-medical-icons.ttf') format('truetype'),
url('../fonts/webfont-medical-icons.woff') format('woff'),
url('../fonts/webfont-medical-icons.svg#webfont-medical-icons') format('svg');
font-weight: normal;
font-style: normal;
}
以下是您正在寻找的在ionic 2 中使用字体真棒
- 下载字体库
- 在src/assets中创建"字体"文件夹，并从font真棒/字体文件夹中复制字体
- 复制scss文件夹并将其粘贴到src/theme/scss下
-
打开variables.css文件，并复制以下代码
@导入"scss/font真棒"@font face｛font-family:'FontAwesome'；src:url('../assets/fonts/fontawebfont.eot？v=#｛$fa version｝'(；src:url('../assets/fonts/fontwo敬畏的webfont.eot？#iefix&v=#{$fa版本}(格式('embedded-opentype'(，url('../assets/fonts/fontwo敬畏的webfont.woff2？v=#{$fa版本}(格式('off2'(，url('../assets/fonts/fontwo敬畏的webfont.woff？v=#{$fa版本}(格式('off'(，url('../assets/fonts/fontwo敬畏的webfont.ttf？v=#｛$fa版本｝'(格式('truetype'(，url('../assets/fonts/fontwo敬畏的webfont.svg？v=#｛$fa版本｝#fontawesomeregular(格式('svg'(；字体重量：正常；字体样式：normal；｝
在HTML 中包含您的图标
<i primary class="fa fa-cart-plus fa-lg"></i>
有关更多信息，请访问链接.
您可以在包含fontwo敬畏之后使用<ion-icon class="fa fa-iconname"></ion-icon>。