更改我的Ionic APP中所有文本的字体

Question

有人知道如何在离子2中更改所有文本的字体（例如Dosis google字体）？ 提前谢谢。

最好的问候。

Answer 1

我在使用Quicksand谷歌字体的ionic2应用程序中做到了这一点： -

1. 下载您喜欢的字体
2. 将下载的zip中的常规字体文件添加到src / assets / font（添加常规字体可以让您灵活地使用字体权重）
3. 然后转到theme / variable.scss
4. 添加以下代码

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

body, span, button, h1, h2, h3, h4, h5, h6, p, ion-item, ion-title {
font-family: 'GlobalFont' !important;
}

...然后

ionic serve

瞧.. !!

Answer 2

此主题已在Ionic论坛中讨论过！ https://forum.ionicframework.com/t/how-to-change-the-font-of-all-texts-in-ionic/30459