无法将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;
}

本地使用

资产/定制的字体/ YanoneKaffeesatz-Regular.ttf

主题/ variables.scss

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