最近团队准备更多将服务放在serverless上,然后上周跟小伙伴一起体验了阿里云的函数计算(第一个项目基于TP5),初步感觉还不错,轻轻松松并发几百上千,免运维无烦劳杜绝半夜电话催人重启服务器(开玩笑的 - -)。
不过有一点小小的不舒服,登录后台后发现字体文件无法加载,woff ttf等全部报502,小伙伴电话跟阿里云沟通被告知不支持(我是有点懵逼的,0202年了字体为何不能支持),无果暂时不管这个。
又过了几天想起这事,专门研究了下,尝试了2个小时,总结出了2个结论
- 加载.woff .ttf后缀的文件会异常
- 加载字体数据会异常(没错,就算把字体后缀改为其他的也会异常)
配置过的应该都知道函数计算有一个index.php入口文件,里面包含php_run和static_run 2个处理方法,而上面的第一个问题,会导致根本无法加载handler,第二个问题会导致static_run读取文件fopen打开的时候出错。
虽然感觉这样的设定很奇怪,但是找到了办法就好办了,针对第一个问题,改名即可 于是我改成了
font.woff >> font.woff.svg
这样就能进入static_run里面了。
然后针对第二个问题,将字体文件进行编码或加密,我这里直接用的hex转码,用其他的编码应该也是可以的
$fontData = file_get_contents("font.woff.svg");
file_put_contents("font.woff.hexencode.svg", bin2hex($fontData));
然后index的static_run需要针对字体文件做一些特殊处理
$contentType = $GLOBALS['fcPhpCgiProxy']->getMimeType($file_dir);
if (stripos($uri, '.hexencode.') !== false) {
// 如果包含hexencode就转码一下
$contents = hex2bin($contents);
if (stripos($uri, '.woff') !== false) {
$contentType = 'application/font-woff';
} else {
$contentType = 'application/octet-stream';
}
}
最后一步,还需要修改其他文件中的引用地址为新地址 font.woff.hexencode.svg
再次部署,终于看到了绿色的可爱的200状态,字体也正常显示。
不过这始终只是一个临时解决方案,而且这样改了之后,本地开发调试也需要特殊处理下。所以还是希望阿里云尽快支持下字体加载,字体文件跟js css jpg等资源文件并没有本质的不同,不清楚为何要留这么大个坑在这里,大家如果有更好的方法,欢迎指教下。