如何正确地将自定义字体包含到离子项目中？
比利·洛根（Billy Logan）
在我的项目中，将其设置为scss-> css编译。而且我无法从scss文件夹中提取自定义字体。这是我的文件夹结构，可以使您更好地理解。
| scss/
|-- basics/
|--_fonts.scss
|-- fonts/
|-- lineto-circular-book.woff
|-- lineto-circular-medium.woff
| www
|-- lib/
|-- ionic/
|-- css/
|-- fonts/
那怎么_fonts.scss的样子：
@charset "UTF-8";
@font-face {
font-family: 'Circular-Medium';
src: url('fonts/lineto-circular-medium.woff');
}
@font-face {
font-family: 'Circular-Medium-Book';
src: url('fonts/lineto-circular-book.woff');
}
我找不到状态。我怎么解决这个问题？
布赖恩
首先，将fonts /文件夹移至www /文件夹，如下所示。
| scss/
|-- basics/
|--_fonts.scss
| www
|-- fonts/
|-- lineto-circular-book.woff
|-- lineto-circular-medium.woff
然后，如果您不缩小资源，那么路径可能会偏离一级。这应该修复参考。
@font-face {
font-family: 'Circular-Medium';
src: url('../fonts/lineto-circular-medium.woff');
}
@font-face {
font-family: 'Circular-Medium-Book';
src: url('../fonts/lineto-circular-book.woff');
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
无法将自定义字体包含到xcode项目中
- 2
如何正确地将 C++ 静态库包含到 iOS 项目中
- 3
如何在子项目中引用自定义SBT设置
- 4
如何正确地将自定义视图添加到工具栏？
- 5
如何正确地将自定义数据属性道具传递给子组件？
- 6
如何将子项目中的源包包含到主项目中的web.xml中
- 7
离子项目中未定义AngularJs $ scope
- 8
离子2-无法在包含离子输入的离子项目中添加离子图标
- 9
在自定义任务的子项目中运行gradle build（test）
- 10
在现有离子项目中添加离子cli
- 11
如何在离子列表，离子项目中使用CSS
- 12
如何在离子列表，离子项目中使用CSS
- 13
当子项目及其属性更改时，如何重新呈现自定义控件？
- 14
在离子项目中修改AndroidManifest.xml
- 15
在离子项目中禁用拖动动作
- 16
如何在离子项目中设置起始页
- 17
gradle子项目中的根项目中定义的依赖项会如何处理？
- 18
如何使用FXML正确地子类化自定义JFX组件？
- 19
如何正确地向活动添加自定义视图
- 20
如何将Pod包含在另一个子项目中？
- 21
Gradle自定义任务仅适用于某些子项目？
- 22
使用build.sbt中的参数为子项目自定义运行任务？
- 23
创建一个调用子项目自定义目标的自定义目标
- 24
如何在Android上运行离子项目？
- 25
如何在具有多个子项目的SBT项目中覆盖子项目中的设置
- 26
如何避免cmake子项目中的名称冲突？
- 27
与项目中包含的自定义框架共享cocoapods
- 28
将自定义字体导入JSF
- 29
如何将自定义ui（使用类似photoshop的程序）添加到android应用项目中？
我来说两句