ionic2添加自定义文字

Posted 小贺说IT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic2添加自定义文字相关的知识,希望对你有一定的参考价值。

上次更新到如何添加自定义图标,紧接着这次更新ionic2如何添加自定义字体

首先你要有自己的字体文件以.ttf结尾的文件字体 :推荐个字体文件网站(相对来说流氓软件比较少的)http://www.ps123.net/photoshop

然后:

比如我下载的字体是Muli  (要想知道自己的字体叫什么点击 反手键点击字体文件 点预览上面哟孤儿字体名称 我的名称是Muli )

你现在只需要把下面的内容放到你的variable.scss文件中。

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

$font-family-md-base: "Muli";
$font-family-ios-base: "Muli";
$font-family-wp-base: "Muli";

这样你就可以用自定义的字体了 马上去看看效果吧

以上是关于ionic2添加自定义文字的主要内容,如果未能解决你的问题,请参考以下文章

VS中添加自定义代码片段——偷懒小技巧

在 Ionic 2 中添加自定义图标

Ionic 2 无法注册自定义 html 标签

ionic2:如何自定义弹出框宽度?

ionic2自定义radio样式

将vscode打造成无敌的IDE添加自定义的snippet