更改我的Ionic APP中所有文本的字体 [英] Change font of all texts in my Ionic APP

查看:72
本文介绍了更改我的Ionic APP中所有文本的字体的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有人知道如何更改ionic 2中所有文本的字体(例如Dosis google字体)吗?预先感谢.

Somebody know how can I change font of all texts (for example Dosis google font) in ionic 2? Thanks in advance.

最诚挚的问候.

推荐答案

我在我的ionic2应用程序中使用Quicksand谷歌字体进行了此操作:-

I did this in my ionic2 app with Quicksand google font:-

  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

Voila .. !!

Voila..!!

这篇关于更改我的Ionic APP中所有文本的字体的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆