无法将 Google 字体应用到 Ionic2 项目
Unable to apply Google Font to Ionic2 project
我无法将 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">
为什么不起作用?
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');
}
我无法将 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">
为什么不起作用?
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');
}