Невозможно применить Google Font к проекту Ionic2

Question

Я не могу применить API Google Fonts к моему проекту 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'); 
}