font awesome的图标在WP8浏览器下无法显示的问题解决

font awesome无疑是bootstrap上面做的很赞第三方图标

笔者最近做的一个项目,图标在iphone和安卓上面的浏览器上显示都无问题,偏偏WP8上的浏览器显示有问题

通过chrome的开发者工具条是发现"fontawesome-webfont.woff"这个格式的文件无法识别(显示404错误)

于是,在IIS7中给其添加了一项MMIE,截屏如下:

添加后问题解决.

font awesome的图标在WP8浏览器下无法显示的问题解决

时间: 2024-10-10 20:20:07

font awesome的图标在WP8浏览器下无法显示的问题解决的相关文章

解决苹果手机Safari浏览器下 字体显示为 蓝色的 问题

解决苹果手机 Safari浏览器下   字体显示为蓝色的 问题 近期测试同学测试,wap站上,底部文字在苹果8上面 ,使用 Safari浏览器打开,一直显示 蓝色字体 其他正常,寻找半天无解,最后 阳仔 小伙伴 猛然想起来,这是 不兼容,少了一句meta标签 在 head区域 添加上 这句话 即可  ,正常显示 字体颜色了 <meta name="format-detection" content="telephone=no"> 原文地址:https:/

js禁止微信浏览器下拉显示黑底查看网址,不影响内部Scroll

开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 网上好多js禁止操作的做法禁止了内部Scroll,导致页面不能滚动,上拉加载失效,例如这种做法: $('body').on('touchmove', function (event) {event.preventDefault();}); or document.addEventListener('touchmove', function(e){e.preventDefault()}, fal

html页面 在ie 浏览器下页面显示变形

当遇到在别的浏览器下显示正常,但在ie 下页面变形,style 样式规则都已经写好的情况下. 这时造成这种情况可能是 html 页面头部指定的规则引起的 如果默认的可能是: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 只需要改成 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

使用layer的iframe在IE浏览器下不显示并且报错XML5635: 仅文件开头允许 XML 声明

主要是XML格式错误 <%@ include file="/WEB-INF/layouts/taglib.jsp"%> 报这一行的错误 然后下一行我直接写div了,因为是弹出框,没有遵守html页面格式规范,加上 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

vue 项目 在ie浏览器下页面显示为空

npm install --save babel-polyfill 在main.js中添加: import es6Promise from "babel-polyfill"; es6Promise .polyfill(); 在webpack.base.conf.js中修改 module.exports = { entry: ["babel-polyfill", "./app/js"] }; 但是还是发现报错: polyfill-eventsour

git status 下中文显示乱码问题解决

$ git status -s ?? "\350\257\264\346\230\216.txt\n $ printf "\350\257\264\346\230\216.txt\n" 说明.txt 通过将Git配置变量 core.quotepath 设置为false,就可以解决中文文件名称在这些Git命令输出中的显示问题, 示例: $ git config --global core.quotepath false $ git status -s ?? 说明.txt

解决mxGraph放大/缩小在非IE浏览器下overlay图标位置不变化的问题

首先要创建一个工具栏,并为工具栏中的放大.缩小按钮定义事件. <div id="toolbar" style="float:left;margin-top:5px;margin-left: 5px;line-height: 35px;"> <img src="src/images/zoomin.gif" action="zoomIn" title="放大" width="16&q

Font Awesome奥森图标一套绝佳的图标字体库和CSS框架

迄今最完好的翻译版本-一套绝佳的图标字体库和CSS框架(奥森图标) Font Awesome 逐浪CMS官方版正式开放啦! 免费获取和使用就在:http://code.zoomla.cn/boot/font.html(非广告官方翻译版本,希望对广大开发者有用). 逐浪CMS已经完全支持Font Awesome奥森图标! Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. 一个字库,479个图标 仅一个F

谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram