Question

我想在我的应用程序中使用“Comfortaa”字体，所有页面（如默认字体）.i使用url使用字体。像这样：

<style>
  @import url('https://fonts.googleapis.com/css?family=Comfortaa');
</style>

<。>在.scss

font-family: 'Comfortaa'

但是应用程序处于脱机状态，字体在我的aaplication中不起作用。我可以在离线和在线状态下使用该字体。当应用程序处于脱机状态时，它会显示斜体字体。像这样

Answer 1

首先下载并将文件夹放在src / assets / fonts中，然后在主题文件夹中写：

 $font-path: "../assets/fonts";
 @font-face {
 font-family: GlobalFont;
 src: url("../assets/fonts/Comfortaa/Comfortaa.ttf");
 }

 body, span, button, h1, h2, h3, h4, h5, h6, p, ion-item, ion-title {

font-family：＆＃39; GlobalFont＆＃39; ！重要; }

Answer 2

For add custom font in a application 
Do following step:

将自定义字体添加到assets / fonts文件夹

将以下代码添加到app.scss文件

@font-face {
  font-family: 'San Francisco Light';
  font-weight: normal;
  font-style: normal;
  src: url('../assets/fonts/SanFranciscoDisplay-Regular.otf');
}

After In theme/variables.scss file

add variable name
like this:`enter code here`
$font-family-ios-base: "San Francisco Light";
$font-family-md-base:  "roboto";

离子

2 个答案: