font字体跨域

Question

font字体出现跨域问题，后端使用的php，有什么好的解决办法吗

Answer 1

可以考虑转成base64

Answer 2

1、服务端设置XXX，具体的大家可以直接去搜索，分为apache和nginx两种设置方法，因为我这边没法控制服务器，所以没测试过也不过多赘述。

2、将字体文件以base64编码的方式引入内嵌到样式文件中。这个本人尝试过，书写格式如下：

@font-face{

src : url("data:application/x-font-ttf;charset=utf-8;base64,XXXXXXXXXXXX") format("ttf");
}

实际使用过程将那一长串”X“换成自己的base64编码即可。

3、将字体文件放到项目的目录下，也即让它们同源即可，好吧，都是一个爹生的，也不认生啦，问题也就解决了。这个方法是最后采取的，验证OK。

Nginx服务器端解决font字体文件跨域