码迷,mamicode.com
首页 > 其他好文 > 详细

ionic2添加自定义文字

时间:2017-01-17 16:10:35      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:net   ted   字体   ace   regular   font   ttf   style   span   

上次更新到如何添加自定义图标,紧接着这次更新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添加自定义文字

标签:net   ted   字体   ace   regular   font   ttf   style   span   

原文地址:http://www.cnblogs.com/hedengyao/p/6293436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!