ionic 4种不同的语言字体

Question

我想将字体系列添加到我在 ionic 4 应用程序中使用的另一种语言。我试过了

@font-face {
    font-family: 'SINHA Sithumina 2012';
    font-style: normal;
    font-weight: normal;
    src: url('./assets/font/SINHA Sithumina 2012.ttf');
}

并在 html css class 中使用它。有人可以帮我解决这个问题吗？

Answer 1

@kavindhi

首先您应该将 .ttf 字体系列转换为 .otf。 https://convertio.co/ttf-otf/

然后将您的字体添加到资产文件夹中。

然后你应该添加到 global.scss 或添加自定义文件，如 fonts.scss

然后将其添加到您的字体文件中

@font-face {
  font-family: "SolitaireMVBPro-Regular";
  src: url("assets/fonts/SolitaireMVBPro-Regular.otf");
}

所以它会在你的 ionic 4 页中供你使用

  font-family: SolitaireMVBPro-Regular;

Answer 2

最后，我参考@marblewraith提到的https://www.w3.org/International/questions/qa-css-lang.en解决了这个问题。

所以基本上我必须在 utf 中提及我的文字，它会转换我的字体。

ionic 4种不同的语言字体

ionic 4 different language fonts

ionic-framework

ionic-native

ionic4