Hui-iconfont字符图标不显示或显示异常。

近期在做项目时发现Hui-iconfont字符图标，感觉很方便，并且占用空间小，加载快等有点。就决定采用了。
可是在加载图标时通过后台动态加载时显示总是异常。如下图
这个问题困扰了我挺久的。最后终于找到解决办法
解决办法：在你的jsp页面加上字体库的全路径。
如下：

<style type="text/css">@font-face {font-family: "Hui-iconfont";src: url('${pageContext.request.contextPath }/lib/Hui-iconfont/1.0.8/iconfont.eot'); /* IE9*/src: url('${pageContext.request.contextPath }/lib/Hui-iconfont/1.0.8/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('${pageContext.request.contextPath }/lib/Hui-iconfont/1.0.8/iconfont.woff') format('woff'), /* chrome、firefox */url('${pageContext.request.contextPath }/lib/Hui-iconfont/1.0.8/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/url('${pageContext.request.contextPath }/lib/Hui-iconfont/1.0.8/iconfont.svg#Hui-iconfont') format('svg'); /* iOS 4.1- */
}
</style>

然后解决问题。

分析一下。应该是在原来的iconfont.css里的

@font-face {font-family: "Hui-iconfont";src: url('iconfont.eot'); /* IE9*/src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('iconfont.woff') format('woff'), /* chrome、firefox */url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/url('iconfont.svg#Hui-iconfont') format('svg'); /* iOS 4.1- */
}

路径加载失败导致的。所以要写全路径即可。
备注：我试着在iconfont.css里加全路径，发现解决依旧显示异常。原因我还没找到，如果你找到原因，请告知我，多谢。

Hui-iconfont字符图标不显示或显示异常。相关推荐

4. iconfont 字体图标无法正常渲染显示
1. 问题描述:引入了文件.修改了路径,使用的是伪元素选择器添加字体图标,但是字体图标显示这个样子: 2. 问题原因:正常引入了,也能够显示,只是样式没能正常渲染,原因就是没有添加"icon ...
android字体有些显示不正常显示,为什么iconfont字体图标在安卓机上显示不出来
模拟器和ios上都能正常显示,但安卓机上显示不了,准确地说显示为一个带框的X css代码如下: @font-face { font-family: "iconfont"; src: ...
vue-cli打包apk iconfont字体图标不显示问题
vue移动端项目打包apk,发现iconfont字体图标不显示,第一反应是引用的文件路径不对: 在网上查找资料后,解决方法: 找到build>utils.js文件,如图所示位置加上publicP ...
jsTree通过json数据初始化时，如何控制每个选项的图标（icon）显示
通过json数据控制jstree的图标(icon)样式,应该如何处理呢?要了解以下几点: 1.设置jstree图标(icon)的"总开关". 在配置jstree时,通过" ...
更改窗口图标并将其显示在任务栏
以下两个函数可以为应用程序中的各子窗口显示一个任务条到任务栏并更改它们的图标.对那些象QQ一样隐藏主窗口的应用程序特别有用. //函数用途:更改一个窗口的图标并将其显示在任务栏.任务切换条.任务管理器 ...
Java黑皮书课后题第4章：*4.9（给出字符的Unicode码）编写程序，得到一个字符的输入，然后显示其Unicode值
*4.9(给出字符的Unicode码)编写程序,得到一个字符的输入,然后显示其Unicode值题目题目概述运行示例破题代码题目题目概述 *4.9(给出字符的Unicode码)编写程序,得 ...
不让自己的应用程序在桌面的图标列表里启动显示的方法
当我们的程序在被安装后再次重启系统时系统会自动创建我们的APK程序,在所有的APK程序都安装完后系统会最后安装Luncher2.apk应用程序,Luncher2.apk就是我们的系统界面应用程序,它会 ...
计算机翻译字串符,字符的计算机处理和显示外文翻译.doc
字符的计算机处理和显示外文翻译本科毕业设计(论文) 外文翻译英文翻译英文 ON COMPUTERISATION AND REPRESENTATIONOF CHARACTERS The comm ...
用JAVA SOCKET编程，读服务器几个字符，再写入本地显示
Server: package cn.itcast.framework.socket;import java.io.BufferedReader; import java.io.IOException ...

Hui-iconfont字符图标不显示或显示异常。

Hui-iconfont字符图标不显示或显示异常。

Hui-iconfont字符图标不显示或显示异常。相关推荐

最新文章

热门文章