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添加自定义文字的主要内容,如果未能解决你的问题,请参考以下文章