layui字体文件被浏览器拦截

2024-10-30

Spring Boot使用layui的字体图标时无法正常显示解决办法

在html文件使用字体图标并且预览时正常,但是启动工程后显示不正常,浏览器调试界面显示字体文件无法decode: Failed to decode downloaded font: xxxxx 如图所示: 显示结果: 原因:经过maven的filter,会破坏font文件的二进制文件格式,导致前台解析出错. 解决办法:在pom文件中配置maven的filter,在<build>标签内添加如下配置: 然后清除缓存并且重启ide(使用idea的话,file/invalidate cache/res

OTS parsing error: invalid version tag woff和ttf文件被Filter拦截

从服务器下载的字体文件放在本地,执行无法展示iconfont,浏览器控制台报出 Failed to decode downloaded font: http://127.0.0.1:8080/mhr/group-assets/iconfont/iconfont.ttf?t=1500884389272login_group.html:1 OTS parsing error: invalid version tag 错误. 原因是ttf文件和woff文件被项目所拦截,尽管在静态文件中展示正常. 1.

javacript实现不被浏览器拦截打开新窗口

情景: 1.用户发送数据到服务器 2.服务器根据用户的数据生成文档 3.服务器把所生成的文档的下载地址提供给用户 4.用户使用的浏览器自动根据下载地址下载文件实现: 网上搜索查找了下实现方式,就我查到的大多是这几种. 1.直接使用window.open(); 这种方式会被浏览器拦截. 2.构造表单,使用javascript进行表单提交来下载文件(设置表单的action.method.target属性). 自己尝试了下,在我机器上安装的谷歌直接拦截,IE会提示是否允许. 3.var temp

css字体文件

├── glyphicons-halflings-regular.eot├── glyphicons-halflings-regular.svg├── glyphicons-halflings-regular.ttf├── glyphicons-halflings-regular.woff 以上是bootstrap引入的四种字体文件.之前也觉得奇怪,后来才知道这四种文件涵盖了目前几乎所有的浏览器的字体文件需求格式. eot is needed for Internet Explorers tha

把vux中的@font-face为base64格式的字体信息解码成可用的字体文件

在最近移动端项目中用到了vux,感觉用着还习惯,当把vux使用到PC端的时候出现了IE浏览器出现,这样的错误信息: CSS3114: @font-face 未能完成 OpenType 嵌入权限检查.权限必须是可安装的. 文件: UwCtGsNCf5NCQ0N.... 然后在IE浏览器页面中的字体图标就没有显示. 原来在vux中weiui_font.less文件中,如下写法: @font-face { font-weight: normal; font-style: normal; font-fa

怎么才能使服务器Nginx（或者Apache）支持字体文件

为了在前端正确地显示字体,浏览器必须使用正确的http header来接受字体文件.如果服务器没有设置要求的头信息,那么有些浏览器就会在控制台报错或者直接不能显示. 可能你的服务器已经配置好了,你无须再动任何东西.如果没有配置好,那么你需要注意下面几点: 首先,修改mime-type headers: 其次设置CORS headers-仅当你从不同域下获取字体文件或者html页面的时候.(*注意:如果你没有设置CORS headers信息,你可以直接把字体文件(路径)嵌入到CSS样式中.如果你去

CDN中，字体文件的跨域问题和解决

@font-face是CSS3中的一个特性,可以把自己定义的Web字体嵌入到网页中,随着@font-face,越来越多的网页采用字体图标作为网页中的小图形. 比如Bootstrap就采用了Glyphicons 字体图标在Bootstrap的架构下可以免费使用Glyphicons的250多种图标字体.另外一个比较常用的开源图标字体就是Font Awesome了,内含几百种各种size的图标文件,可以很容易实现Fixed Width,Animated Icons,Rotated,Flipped,S

window.open()被浏览器拦截问题汇总

一.问题描述最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,虽然在自己的环境可以对页面进行放行,但是对用户来说,不能要求用户都来通过拦截.何况当出现拦截时,很多用户根本不知道发生了啥,不知道在哪里看被拦截的页面.因此必须通过代码来解决这个问题! 以下是浏览器拦截示例: 二.问题分析浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了,即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('

网站flash效果遭360急速浏览器拦截

网站flash效果遭遇360急速浏览器拦截,经分析,本地的一个css文件叫做advertisement.css 结果被360急速浏览器给毙了.改成其他名字就ok了.

Jmeter代理服务器录制脚本--浏览器拦截访问链接

在 Jmeter性能测试的过程中您是否会遇到代理服务器无法打开浏览器,无法录制脚本的情况呢? 在测试过程中,我也遇到过这样的问题,希望能帮到正在找寻答案的你.... Jmeter录制脚本时,跟http脚本录制主要区别是:https录制需要添加安全证书.没有证书会被浏览器拦截,从而无法访问.无法抓包. 一,添加代理服务器及证书配置 1.添加一个线程组,添加HTTP代理服务器如下图,一:端口默认8888,建议更改端口号,避免跟本地fiddler端口号8888冲突,:目标控制器选择,之前添加好的线程

[微信小程序]字体文件，字体图标(.ttf,.woff,woff2)等无法显示问题

一. 背景项目引用了第三方UI框架Vant-weapp,但是前几天Vant的cdn被运营商封禁,导致van-icon无法使用. 有赞官方在Github上给出了在小程序app.wxss上添加以下代码的临时解决方案: 1 @font-face { 2 font-weight: normal; 3 font-family: 'vant-icon-temp'; 4 font-style: normal; 5 font-display: auto; 6 src: url('https://img.yzc

Html 项目使用自定义字体文件问题

感谢大佬:https://zhidao.baidu.com/question/652711582735059245.html 1.首先在项目过程中新建文件夹fonts将准备好的ttf字体文件复制该文件夹下: 2.然后在工程新建style.css,使用@font-face中的font-family和src引入字体,在src的属性值填写"url("路径")"即可: 3.然后打开html文件,写入一些文字,在上方的head标签中引用css,使用link标签引入,在href

window.open打开新窗口被浏览器拦截的处理方法

一般我们在打开页面的时候, 最常用的就是用<a>标签,如果是新窗口打开就价格target="_blank"属性就可以了, 如果只是刷新当前页面就用window.location.reload(), 在某些特殊情况下也要用到另外一种新窗口打开的方法,就是window.open(),这个方法有一个问题就是会被基本所有的浏览器所拦截,要收到点击确认打开才可以,这样的体验可以说是非常不友好的~~ 感觉像一个有病毒的程序~~ 所以我们如果一定要用这个方法,但是又不想其被浏览器拦截,

ajax回调打开新窗体防止浏览器拦截有效方法

ajax回调打开新窗体防止浏览器拦截,就这么做! 问题剖析: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function click_fun(){ window.open("www.baidu.com");//能打开 $.ajax({ 'url': '${pageContext.request.contextPath}/activity/savePrizes.htm', 'type': 'post', 'dataTyp

ajax请求后弹开新页面被浏览器拦截

window.open()我想应该很多人都不陌生吧,它可以实现除用a标签以外来实现打开新窗口! 最近开发项目用到时,却遇到了麻烦,本来好好的弹出窗口,结果被浏览器无情的给拦截了! 代码如下: $.getJSON(URL,data,function(data,state){ if(state=='success'){ window.open('http://www.cnblogs.com/garfieldzhong/'); }else{ alert('请求失败!'); } }) 这要手动允许弹出窗

window.open被浏览器拦截的解决方案

现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,搞得人无比郁闷啊,虽然在自己的环境可以对页面进行放行,但是对用户来说,不能要求用户都来通过拦截.何况当出现拦截时,很多小白根本不知道发生了啥,不知道在哪里看被拦截的页面,简直悲催啊~~. 另外,可以发现,当window.open为用户触发事件内部或者加载时,不会被拦截,一旦将弹出代码移动到ajax或者一段异步代码内部,马上就出现被拦截的表现了. 原因分析&深入研究当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻

@font-face字体文件用法

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> @font-face { font-family: "MFLangSong_Noncommercial"; /*src: url('font/MFLangSong_Noncommercial-

cocos2d-x 中 TTF 字体文件的位置

cocos2d-x 中,字体文件需要保存在 fonts 文件夹中,如果字体路径中没有 fonts/ 会自动添加上这个文件夹. 如果字体名称没有 .ttf 后缀,也会自动加上这个后缀. unsigned char* CCFreeTypeFont::loadFont(const char *pFontName, ssize_t *size) { std::string lowerCase(pFontName); std::string path(pFontName); ; i < lowerCase

Android实例-使用自定义字体文件(XE8+小米2)

结果: 1.需要修改DELPHI自身的FMX.FontGlyphs.Android.pas,复制到程序的根目录下(红色部分为修改过的). 2.字体文件从 C:\Windows\Fonts 直接拷贝到APP程序根目录后改名增加到Deployment即可,要什么字体,就拷贝什么字体. 3.注意字体文件的大小写. 修改后的FMX.FontGlyphs.Android.pas {*******************************************************} { } {

iOS使用自定义字体的方法(内置和任意下载ttf\otf\ttc字体文件)

最近做了个有关阅读的应用,使用了自定义字体,学习了一下这方面的知识. 1.首先是最简单也普遍的做法,打包内置字符库文件: 把字体库文件添加到工程,如font1.ttf添加到工程,然后在工程plist添加一项Fonts provided by application,这是个数组,然后添加key item1,value就是刚才说的font1.ttf,如图: 那么在工程里就可以直接使用这个字体,直接用 + (UIFont *)fontWithName:(NSString *)fontName size

javascript中的window.open()被浏览器拦截

最近做项目的时候,点击事件的时候遇到了window .open()被浏览器拦截的情况,虽然在自己的开发环境中都能正常使用,但是放在测试环境中window.open()就是不能使用, 后来经过测试,单纯的运行window.open()可以打开新页面,但是放在ajax或者一段异步的代码中,就回出现浏览器拦截问题,后来经过反复测试,最终得到window.open()在同步的代码中是显示正常的,所以在ajax代码中把异步改为同步就能解决问题. $.ajax({ type : "POST", a

layui字体文件被浏览器拦截

热门专题