angularjs - 我如何在 Ionic 2 中使用自定义字体 (ttf-File)?

标签 angularjs ionic-framework sass ionic2

我正在尝试在 Ionic 2 中安装和使用自定义字体 (Chewy.ttf) 我已经尝试像使用 @font-face { 的 css 一样使用它 字体系列:Chewy; 来源:网址(../../www/assets/fonts/Chewy.ttf); 在浏览器中它工作得很好但是当我构建它时 它不会再工作了 感谢您的帮助

最佳答案

首先将你的字体文件放在 src/assets/fonts/name.ttf 路径下。 然后在 src/app/app.scss

@font-face {
font-family: name;
src: url(../assets/fonts/name.ttf) format("ttf");
font-weight: 200
}
body {
font-family: name !important;
}

关于angularjs - 我如何在 Ionic 2 中使用自定义字体 (ttf-File)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41469195/

相关文章:

css - 两个样式表以相同的特异性针对相同的元素,哪个优先?

html - 如何将被推到下一行的 Zurb Foundation block 网格元素居中对齐?

javascript - 将 Firebase 记录 key 传递到 URL

javascript - 将我的 Controller 和工厂与 App.js 分离 - AngularJS

javascript - 我如何在angularjs UI-Router中为ng-repeat中的项目路由到不同的URL,需要修改ui-router中的状态

ios - Angular JS $http.get 从 WP REST API 返回空数据,但仅在实际 iOS 设备上

css - 是否可以在 scss 文件中 @import Bootstrap 图标并通过 @extend 在其他 scss 类中使用它?

javascript - 导入 angularjs 缩小版

ios - Xcode 版本 10.3 ITMS-90035 : Invalid Signature

angular-ui-router - 如何避免在标签栏状态中堆叠导航历史记录