Angular导出库的CSS字体导入出现“RefusedtoapplystylebecauseitsMIMEtype”错误。
创始人
2024-10-23 23:01:23
0

在库的angular.json文件的styles数组中添加字体文件路径,同时将导入字体文件的URL改为相对路径。

示例代码:

"styles": [
  "src/styles.scss",
  "node_modules/font-awesome/css/font-awesome.css",
  "src/assets/fonts/font-awesome-webfont.woff2"
],

将CSS中的字体导入路径改为相对路径:

@font-face {
  font-family: 'FontAwesome';
  src: url('../../assets/fonts/font-awesome-webfont.eot?v=4.7.0');
  src: url('../../assets/fonts/font-awesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
       url('../../assets/fonts/font-awesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('../../assets/fonts/font-awesome-webfont.woff?v=4.7.0') format('woff'),
       url('../../assets/fonts/font-awesome-webfont.ttf?v=4.7.0') format('truetype'),
       url('../../assets/fonts/font-awesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

相关内容

热门资讯

黑科技辅助(wepoke软件透... 黑科技辅助(wepoke软件透明挂价格)外挂黑科技辅助教程(透视)一直存在有挂(黑科技细节)1、we...
wepoke辅助器!wepok... wepoke辅助器!wepoke辅助德之星,(wePoKe)一贯真的有挂,安装教程(黑科技神器);1...
黑科技中牌率(微扑克必胜技巧)... 黑科技中牌率(微扑克必胜技巧)外挂透明挂辅助下载(透视)其实有挂(黑科技教程)1、起透看视 微扑克必...
wpk透明挂!wpk德州ai机... wpk透明挂!wpk德州ai机器人,(WPK)总是真的是有挂,总结教程(黑科技助手);1、不需要AI...
黑科技教程(德扑之星作弊)外挂... 黑科技教程(德扑之星作弊)外挂透明挂辅助挂(透视)好像存在有挂(黑科技介绍)1、每一步都需要思考,不...
aapoker辅助工具ai!a... aapoker辅助工具ai!aapoker辅助工具使用教程,(AApOKER)一直存在有挂,攻略方法...
黑科技ai代打(wepoke透... 黑科技ai代打(wepoke透明挂在哪买)外挂透视辅助下载(透视)确实是有挂(黑科技黑科技)1、每一...
wepoke辅助插件!wepo... wepoke辅助插件!wepoke透技巧,(WePoke)真是存在有挂,AI教程(黑科技教程)1、w...
微扑克ai会被检测到吗!微扑克... 微扑克ai会被检测到吗!微扑克辅助软件,(微扑克)总是真的是有挂,AI教程(黑科技透视)1、下载好微...
黑科技挂(德扑之星有系统新手保... 黑科技挂(德扑之星有系统新手保护期吗)外挂透明挂辅助软件(透视)真是有挂(黑科技规律)1、完成德扑之...