javascript - font字体跨域
PHP中文网
PHP中文网 2017-04-11 13:04:38
[JavaScript讨论组]

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(2)
迷茫

可以考虑转成base64

PHP中文网

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字体文件跨域

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号