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有挂,w... 透视科技!wepoke有挂,wepoke辅助挂,详细透视扑克教程wepoke辅助挂辅助器中分为三种模...
微扑克辅助器ios!aapok... 微扑克辅助器ios!aapoker辅助是真的吗(透视)素来是有挂(详细辅助总结教程)1、不需要AI权...
透视透视!aapoker透明挂... 透视透视!aapoker透明挂,wepoke真的有挂嘛,详细透视详细教程亲,关键说明,wepoke真...
wpk提高胜率!德扑之星怎么带... wpk提高胜率!德扑之星怎么带出记分牌(透视)切实存在有挂(详细辅助分享教程);wpk提高胜率!德扑...
透视系统!wepoke辅助德之... 透视系统!wepoke辅助德之星,We辅poker助,详细透视2025新版暗藏猫腻,小编详细说明we...
aapoker辅助工具存在!德... aapoker辅助工具存在!德扑ai智能机器人代理(透视)从来真的有挂(详细辅助细节方法)是一款可以...
透视规律!wepoke辅助德之... 透视规律!wepoke辅助德之星,wepoke能赢嘛,详细透视详细教程1、起透看视 wepoke辅助...
aapoker挂!we pok... aapoker挂!we poke软件免费版(透视)真是有挂(详细辅助细节方法)1、这是跨平台的aap...
德州之星辅助!微扑克辅助软件(... 德州之星辅助!微扑克辅助软件(透视)一直真的有挂(详细辅助存在挂教程)1、金币登录送、破产送、升级送...
透视存在!wepoke辅助挂,... 透视存在!wepoke辅助挂,wepower插件,详细透视AA德州教程1、构建自己的wepoke辅助...