Ionic 3 使用自定义字体

首先在 src/assets/font 下面添加字体文件:

接着,在 app.scss 中添加以下内容:

@font-face {
  font-family: 'sf_pro_bold';
  src: url('../assets/font/SF-Pro-Text-Bold.otf');
}

以后就可以在样式中使用该字体了:

font-family: "sf_pro_bold";
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,809评论 1 45
  • 先自我检讨一下下: 之前在上家公司写MUI的时候,就用过自定义字体图标了,没有整理。 到这家公司写ionic有用到...
    若末lan阅读 2,400评论 0 1
  • 休了几天事假,信心满满的来上班,要资源的过程中,居然第一次不敢开口要,我自己都很着急……
    贝妮_56d5阅读 328评论 0 0
  • 选择&自由 什么是成功、幸福,也许当你能按照自己内心所喜欢的方式生活时,这时,你爱你所做,做你所爱,并不是为了赚多...
    大智行者阅读 119评论 0 0
  • 上班的日子和上学真的非常不同。明明拿到的钱比以前多了,却离自己想过的生活远了,甚至连上学时宽裕都没有。每天计划着房...
    香蕉banana呐阅读 350评论 0 0

友情链接更多精彩内容