vue项目打包成app，在ios端iconfont 部分字体图标不显示

最新推荐文章于 2023-08-02 10:57:44 发布

Endless Daydream233

最新推荐文章于 2023-08-02 10:57:44 发布

阅读量2.9k

点赞数

分类专栏：日常问题总结文章标签： vue.js ios 前端 web app

本文链接：https://blog.csdn.net/gua222/article/details/121950993

版权

日常问题总结专栏收录该内容

30 篇文章 1 订阅

订阅专栏

最近在用vue结合capacitor 写app的项目，痛苦真痛苦。

在xcode上打包成app之后，发现有些字体图片怎么改都显示不出来。

解决办法： 把引用的css url 加上https
在这里插入图片描述

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Endless Daydream233

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Cordova+Vue实现Android APP开发（三）-- 设置图标和启动欢迎页详细教程

saucxs

06-28

2705

一、前言内容是自己查资料和自己进坑出坑，适用于cordova打包android7.0版本以后的版本。我目前使用的是android8.0，android8.1，android9，androidQ等版本。（1）设置图标icon，准备好素材，在配置文件中加入不同尺寸的<icon density="hdpi" src="res/icon/android/drawable-hdpi/icon.pn...

Vue移动端项目（一）

qq_48687155的博客

08-20

3263

Vue移动端项目

参与评论您还未登录，请先登录后发表或查看评论

iOS 11 AppIcon不显示问题小结

08-29

小编在更新xcode9后，在运行老项目时遇到iOS 11 AppIcon不显示问题，下面小编大家分享一下我的思路，需要的朋友参考下吧

微信小程序 iOS 中部分机型不显示 iconfont 的解决方法

weixin_33752045的博客

02-12

1242

小程序中用到了 iconfont，但是一次更新图标库后，iPhone 6S iOS 9.3.2 icon不显示了。也许你也遇到与我一样的问题，找不到原因。记录一下解决方法，希望能帮到大家。原因：iconfont 之前下载下来是把 woff 文件转成 base64，项目中也一直使用 woff 转成的 base64；目前 iconfont 下载下来后的 iconfont.css中是把 woff2文...

iPhone 6S iOS 9.3.1 iconfont图标不显示

weixin_42608990的博客

04-15

600

iOS 系统的iconfont图标不显示，把 woff 文件转成 base64就可以了。转码网站https://www.css-js.com/tools/base64.html 转码成功复制代码，到iconfont.css里把woff改成与woff2格式一致，也就是图一改成图二。这样iOS 系统的iconfont图标就可以显示了 ...

使用Vue2、iView-ui，项目build打包后icon图标不显示问题

qq_51758070的博客

07-14

898

使用Vue2、iView-ui，项目build打包后icon图标不显示问题

iview解决打包后icon不显示问题

weixin_42998230的博客

08-20

866

1、打包命令：npm run build 2、修改build文件夹下的文件： A：webpack.base.config.js中的 { test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=1024' }, { test: /\.(html|tpl)$/, loader: 'html-loader' } 改为 { test: /\.(gif|jpg|png)\??.*$/, loader: 'url-lo

新建vue项目后的一些基操

huangzhixin1996的博客

08-28

944

新建项目的一些基操，记录以下

vue项目部署优化问题

qq_35413855的博客

07-31

994

前言使用vue、react、angular等技术开发过程中，我们都会遇到以下问题：首屏加载慢（这个单页面原因引起的，如果真的很在乎，可以考虑服务端渲染）每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽) 这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和css文件，入口mai.

Uni-app和Vue的区别

weixin_43363665的博客

04-18

4379

Uni-app和Vue的区别文件类型的变化外部文件引用方式变化组件、标签的变化除了改动外，新增了一批手机端常用的新组件js的变化其他js api生命周期css的变化文件类型的变化以前是.html文件，现在是.vue文件文件内代码结构的变化以前是一个html大节点，里面有script和style节点现在template是一级节点，用于写tag组件，script和style是并列的一级节点，也就是有三个一级节点 template节点下必须且只能有一个根view节点，所有内容都写在这个根view节点下

【爬坑日记】iview 打包之后找不到自带的icon图片

weixin_34409822的博客

06-29

645

使用iview在webpack打包后，无法识别出自带的icon 控制台报错解决方法：在 build/webpack.prod.conf.js 中修改 module: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: false }...

iview admin npm install报错_VueCLI3.0干货系列之集成iview

weixin_39671405的博客

11-29

202

之前项目中一直使用jQuery+bootstrap，使用VueCLI3.0之后接触了iview，自此抛弃了jQuery+bootstrap的组合，iview是纯vue写的，非常的适合在VueCLI3.0中使用，下面将介绍VueCLI3.0集成iview的使用方法，和一些实用技巧。概念介绍VueCLI3.0是vue的脚手架工具，可以快速的搭建项目原型，是一款非常好用的vue工具，集成众多前端组件包括...

iview 打包Icon不显示问题修复

尼伯特的博客

01-03

4424

iview 打包不显示问题修复最近使用iviewUI框架开发应用，打包完成之后访问，发现所有的icon都报错不显示，最终通过修改webpack配置文件修复，修改如下：找到 build 目录下 webpack.prod.conf.js 文件， rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, ...

解决真机APP中iconfont不显示的问题

weixin_49684489的博客

06-02

2208

问题：iconfont图标在H5里是正常显示了，但是当在真机app上调试时却发现icon显示不成功。解决办法如下：官方链接：https://uniapp.dcloud.io/matter 修改iconfont.css @font-face { font-family: 'iconfont'; /* Project id 2583896 */ src: url('//at.alicdn.com/t/font_2583896_r2psz97h53o.woff2?t=1622525867048')

iview打包到生产环境部署后图标不见了解决方案

hijk7的博客

09-28

141

iview打包到生产环境部署后图标不见了解决方案

关于Iconfont在IOS上的设置以及踩坑

qq_41756364的博客

08-08

1070

把Build Phases 的Copy Bundle Resources里面重复定义的引用删掉。

uniapp-字体图标使用-解决字体图标无法正常显示（IOS显示正文形/问号）

qq_34227291的博客

01-11

8610

前言：字体图标常用到的是阿里的iconfont，阿里的iconfont在IOS默认显示的基本是没有问题的，但是有时候图标显示不正常，比如：显示正方形、或者问号。在buttons引用的字体图标如果是固定的，不是动态修改一般是没有问题的，但是有的时候关系到字体图标的动态切换。在安卓上点击字体图标进行切换是正常的，在IOS就出现以上提到的正方形、或者问号。这里就有一个坑了，下面是描述的是解决方~法 ...

微信小程序iconfont真机渲染失败