解决网站在Nginx下,字体图标显示不出来的问题,比如bootstrap中font-awesome图标不显示:
找到配置文件nginx.conf,在server { }中添加一段以下代码,重启nginx即可
location ~* \.(eot|otf|ttf|woff|svg|swf|xml)$ {
add_header Access-Control-Allow-Origin *;
nginx重启命令如下
service nginx restart
/usr/nginx/sbin/nginx -s reload
解决网站在Nginx下,字体图标显示不出来的问题,比如bootstrap中font-awesome图标不显示: 找到配置文件nginx.conf,在server { }中添加一段以下代码,重启nginx即可location ~* \.(eot|otf|ttf|woff|svg|swf|xml)$ { add_header Access-Control-Allow-Origin *;
在使用子域名访问根域名的CSS时,发现字体无法显示,在确保CSS和Font字体的路径加载无问题后,基本确定是因为跨域的问题。
通过Nginx模块HttpHeadersModule来添加Access-Control-Allow-Origin允许的地址。
在Nginx的conf目录下修改nginx.conf,添加以下代码:
location ~* \.(eot|ttf|woff|svg|otf)...
从网上下载了后台源码 右键另存为本地后 发现所有content表示的图标 均显示不出来
问了很多朋友 都说是路径的问题
再查看所有文件路径后 检查无误 还是显示不出来 然后下班就没有去理他了
今天上班后打开电脑发现图标可以显示了额 期间我是没有修改任何代码的 这才知道 原来content表示的图标是有缓存的 需要等一段时间才能显示
或者可能是我重启了服务器的原因 总之原因不
WPF ttf Icon图标存储转换问题
记录一下踩的坑,第一次用WPF 很多地方还不熟,在WPF中使用 ttf 的图标时,本地资源设置图标的名称就可以使用(““????,如果改为MVVM 从数据库获取会直接显示对应的文字没有转换成图标,
System.Net.WebUtility.HtmlDecode(item.Icon);对应发图标进行解析就可以了
查看大佬们的博客,配置nginx的规则、又配置config,重启之后任然有这个问题。
最后把目光放到了版本上,通过讲1.18的版本升级到1.19,还是不行,我去查看以前的版本是1.17,然后改成了1.17就可以了。
本质应该还是字体文件命名被.
自测的解决办法有:
第一种办法也是自测解决的办法,就是直接引入线上的链接
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
这是我在菜鸟教程复制的,链入后果真就出现图标了
当nginx作为服务器时,bootstrap的前端模板的font-awesome图标均无法正常显示,
原因是:nginx的跨域访问问题 解决方法是在nginx中增加一个响应头:
location ~* \.(eot|otf|ttf|woff)$ {
add_header Acces...
代码里直接修改class不行
于是查找后得知他的配置里没有配置菜单图标的选项,所以通过配置的方式是行不通了
那么可以想办法给他覆盖掉,比如可以重新定义w-e-icon-text-heigh类
.w-e-icon-text-heigh:before {
content: "\f1dc";
这个有两点需要注意,一是权重要够,二是如果不是他自身就有的字体,那你还需要引入你的字体,并声明字体
.w-e-text-he
小结记录一下,近期碰到的坑。项目写到一半,字体图标之前一直是显示的,在这两天突然全部不显示了,初步怀疑是改动了代码,把代码还原,依旧无法显示,各种搜,怀疑框架自带的字体出问题了,看vuetify官网介绍,字体图标是框架自带的。无需引入,尝试手动npm再次安装依赖试试,
于是执行官网命令发现,npm命令都无法识别(问了下朋友,可能这个npm包被删了或者npm包安装指令被修改了)
Windows PowerShell