iview cdn加载字体图标正常，本地加载js和css时加载不出字体图标

分手后的思念是犯贱 2023-02-14 10:13 40阅读 0赞

使用iview做一个小工具，为了项目不受其他平台影响，把cdn的js和css下载到本地引用，结果字体图标加载不出来了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhbmdsZWkxMjM_size_16_color_FFFFFF_t_70][] 查看network 发现加载字体图标的文件加载失败，他引用的是本地static/fonts 下的字体图标文件

![2020060209415229.png][]

把本地js和css引用换成cdn发现引成功了![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhbmdsZWkxMjM_size_16_color_FFFFFF_t_70 1][]

把ionicons.woff2文件下载放到本地的static/fonts 文件夹下，在吧js和css切换成本地，就可以了

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhbmdsZWkxMjM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200602093843292.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhbmdsZWkxMjM=,size_16,color_FFFFFF,t_70
[2020060209415229.png]: https://img-blog.csdnimg.cn/2020060209415229.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhbmdsZWkxMjM_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200602101105930.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhbmdsZWkxMjM=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，40人围观）

还没有评论，来说两句吧...

相关阅读

相关 qt 字体 qss加载字体_字体加载技术

qt 字体 qss加载字体 This post is a work in progress and will be updated over time. Some techn

柔光的暖阳◎/ 2023年02月22日 03:41/ 0 赞/ 47 阅读

相关 iview cdn加载字体图标正常，本地加载js和css时加载不出字体图标

使用iview做一个小工具，为了项目不受其他平台影响，把cdn的js和css下载到本地引用，结果字体图标加载不出来了。 ![watermark_type_ZmFuZ3p

分手后的思念是犯贱/ 2023年02月14日 10:13/ 0 赞/ 41 阅读

相关 cesium中加载点图标

效果（截取部分效果） ![点图标][20210208105915500.png_pic_center] 代码 // primitives可加载大量数据，性能方面

亦凉/ 2022年10月25日 04:45/ 0 赞/ 767 阅读

相关 JS 动态加载 CSS 文件和JS文件,加载图片

实现功能的js代码。 var dynamicLoading = { css: function(path){ if(!pat

待我称王封你为后i/ 2022年08月14日 05:48/ 0 赞/ 322 阅读

相关 Android WebView加载TTF字体

今天偶遇一需求，需要设置WebView的字体和Android中的TTF字体相同，下面我将和大家分下下如何在WebView中设置外部TTF字体。很简单，相信玩过CSS的童靴都

系统管理员/ 2022年07月17日 16:22/ 0 赞/ 425 阅读

相关动态加载js和css

1、动态加载js 　　方法一：动态加载js文件 ![复制代码][copycode.gif] 1 // 动态加载js脚本文件 2

痛定思痛。/ 2022年06月17日 08:25/ 0 赞/ 280 阅读

相关 JS异步加载和延迟加载

1、异步加载的方案：动态插入script标签 1）通过ajax去获取js代码，然后通过eval执行 2）script标签上添加defer或者async属性

绝地灬酷狼/ 2022年06月08日 06:17/ 0 赞/ 675 阅读

相关 css实现动态正在加载图标

利用keyframes动画实现， .er-button-loading .er-button-style:before { content: "\f

比眉伴天荒/ 2022年04月15日 01:49/ 0 赞/ 479 阅读

相关使用@font-face加载字体

使页面显示电脑没有的字体： 1.下载字体源文件，常用字体格式（.ttf，.eot，.otf，.woff）；注：如果找不到这么多格式的文件，可以使用[在线字体格式转换器 ]

今天药忘吃喽~/ 2022年03月31日 14:12/ 0 赞/ 250 阅读

相关加载本地HTML/js/css问题

在项目中遇到一个问题：将H5的文件拖入项目中，在webView上添加H5,运行时发现H5的样式没有了。加载出来的效果如下: ![26470452-322a4

た入场券/ 2021年09月10日 08:02/ 0 赞/ 472 阅读