无法将 Google 字体应用到 Ionic2 项目

Question

我无法将 Google 字体 API 应用到我的 Ionic2 项目。这是我尝试过的：

app.scss

@font-face {
  font-family: 'Yanone Kaffeesatz', sans-serif !important;

}

html, body {
  font-family: 'Yanone Kaffeesatz', sans-serif !important;
}

index.html

<link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet">

为什么不起作用？

Answer 1

app.scss

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

// Font Variables
$yanone-kaffeesatz: 'Yanone Kaffeesatz', sans-serif !important;

// Styles
html, body {
  font-family: $yanone-kaffeesatz;
}

本地使用

assets/custom-fonts/YanoneKaffeesatz-Regular.ttf

关于主题/variables.scss

@font-face {
  font-family: 'yanone-kaffeesatz';
  src: url('../assets/custom-fonts/YanoneKaffeesatz-Regular.ttf') format('truetype');
}