已解决：

Question

与自定义字体相关的问题。这是我第一次尝试在App内使用自定义字体，但是我遇到了很多问题。

示例：我想使用这种Google字体https://fonts.google.com/specimen/Special+Elite

我已经下载了该字体并将其放入/ assets / fonts

在 variables.scss 中，我添加了代码：

update

，我试图将此字体应用于所有代码： app.scss

MultiStringSetting

但是没有显示字体（不在浏览器中，不在应用程序中）。

如何使用自定义字体？

已解决：

我包括了不同类型的字体。

variables.scss

@font-face {
  font-family: 'SpecialElite-Regular';
  src:  url('../assets/fonts/SpecialElite-Regular.ttf') format('ttf');
  font-weight: 800;
  font-style: regular;
}

我要在哪里使用字体

*{
font-family: "SpecialElite" !important;
}

Answer 1

我认为这是因为您尝试使用的字体与您使用的字体不同：

*{
font-family: "SpecialElite-Regular" !important;
}

应该可以解决问题

Answer 2

我包含了不同类型的字体。

variables.scss

@font-face {
  font-family: 'SpecialElite-Regular';
  src:  url( $font-path + '/SpecialElite-Regular/SpecialElite-Regular.ttf') format('ttf'), 
        url( $font-path + '/SpecialElite-Regular/SpecialElite-Regular.eot') format('eot'),
        url( $font-path + '/SpecialElite-Regular/SpecialElite-Regular.svg') format('svg'),
        url( $font-path + '/SpecialElite-Regular/SpecialElite-Regular.woff') format('woff'),
        url( $font-path + '/SpecialElite-Regular/SpecialElite-Regular.woff2') format('woff2');
}

我要在哪里使用字体

font-family: 'SpecialElite-Regular' !important;

如何在ionic 3中包含自定义字体？

已解决：

2 个答案: