linux apache找不到woff2,使服务器Nginx（或者Apache）支持woff2等字体文件

为了在前端正确地显示字体，浏览器必须使用正确的http header来接受字体文件。如果服务器没有设置要求的头信息，那么有些浏览器就会在控制台报错或者直接不能显示。

可能你的服务器已经配置好了，你无须再动任何东西。如果没有配置好，那么你需要注意下面几点：

首先，修改mime-type headers；

其次设置CORS headers-仅当你从不同域下获取字体文件或者html页面的时候。(*注意：如果你没有设置CORS headers信息，你可以直接把字体文件(路径)嵌入到CSS样式中。如果你去fontello网站下载到本地的话fontello.css中就已经这样做好了)

下面介绍两大主流服务器的字体支持配置：

Apache

设置正确的mime-type来支持字体文件，将下面的设置加入到服务器配置文件中：AddType application/font-sfnt otf ttf

AddType application/font-woff woff

AddType application/font-woff2 woff2

AddType application/vnd.ms-fontobject eot

如果你不能修改配置文件，那么就在你的项目下新建一个*.htaccess文件，添加下面的设置：

设置CORS headers 信息：

Header set Access-Control-Allow-Origin "*"

Nginx

Nginx服务器默认是没有支持字体的mime-type设置的，并且对.eot文件的mime-type也是不正确的。在配置文件夹下找到mime-type设置的地方。通常，在mimes.types文件下。

搜索.eot，并在下它的设置下添加下面几行：application/font-sfnt otf ttf;

application/font-woff woff;

application/font-woff2 woff2;

application/vnd.ms-fontobject eot;

对于CORS headers 信息设置，添加下面的几行到你的vhost配置中：location ~* \.(eot|otf|ttf|woff|woff2)$ {

add_header Access-Control-Allow-Origin *;

}

———————

作者：yypsober

来源：CSDN

原文：https://blog.csdn.net/yypsober/article/details/52012577

linux apache找不到woff2,使服务器Nginx（或者Apache）支持woff2等字体文件相关推荐

Apache Ant 1.9.13和1.10.5发布–支持Java 11单文件源程序
我们刚刚发布了Apache Ant的1.9.13和1.10.5版本 . 与往常一样,您可以从Ant项目下载页面下载它. 这两个版本主要是错误修复版本. 但是,1.10.5版对" java&q ...
如何获取网站字体，网站字体获取方法，网页设计字体获取，网页字体提取方法，获取网站ttf,otf,eot,woff,woff2,dfont,paf,ptb,ps,pas,t42,t11,svg字体文件
网站字体获取方法 1.进入需要获取字体的站点页面,点击F12进入网页开发者模式 2.进入F12后出现选着Network面板-->>>字体栏-->>>按F5刷新页面即 ...
Linux常用命令下，以及再CentOS7下搭建apache网站服务，以及同一服务器上搭建第二个网站
Linux常用命令下,以及再CentOS7下搭建apache网站服务,以及同一服务器上搭建第二个网站 Linux 常用命令ls -l 以长格式显示-a 显示.. 和 .-A 不显示 . 和 ..-d ...
快速找出Linux服务器上不该存在恶意或后门文件
转载来源 :如何快速找出Linux服务器上不该存在恶意或后门文件 :https://www.2cto.com/article/201805/748965.html 如何快速找出Linux服务器上不该存 ...
linux apache rngd,Linux的random总是装死网络服务器 -电脑资料
应该有不少人碰过Apache 启动时卡在digest module 过不去,导致 PHP 不能使用,或是碰过某些程序卡在某个地方很久没动作, 应该有不少人碰过Apache 启动时卡在digest mo ...
阿里云服务器ECS Linux系统分析nginx或apache当天访问最多的IP
Linux 系统查询 nginx 或 apache 当天访问最多的 IP 方法,以一键安装包为例可以执行如下命令: cat /alidata/log/nginx/access/testweb.log ...
linux安全狗配置apache参数,Linux服务器安全狗Apache版本安装步骤
说明: 在CentOS下使用yum命令默认安装的httpd版本,直接安装服务器安全狗Apache版本没有问题. 但是,如果Apache是自定义路径并且增加模块编译安装的,这个时候默认安装服务器安全狗A ...
apache tomcat php mysql 配置_Windows下Apache+Tomcat+MySQL+jsp+php的服务器整合配置经验总结...
Windows下Apache+Tomcat+MySQL+jsp+php的服务器整合配置经验总结 1.作者:moonsbird 题目:Windows下Apache+Tomcat+MySQL+jsp+ph ...
Apache Lucene与Lucene.Net——全文检索服务器
lucene学习教程 1.1 什么是lucene Lucene是一个全文搜索框架,而不是应用产品.因此它并不像www.baidu.com 或者google Desktop那么拿来就能用,它只是提供了一 ...

linux apache找不到woff2,使服务器Nginx（或者Apache）支持woff2等字体文件

linux apache找不到woff2,使服务器Nginx（或者Apache）支持woff2等字体文件相关推荐

最新文章

热门文章