昨天我对网站进行了一定调整,不断出错,太折腾人了。

修改主题

我原先决定使用经过修改的akina主题,即SakuraH-siren。Sakura主题换上后全屏报错如下:

Warning: getimagesize(/www/wwwroot/www.siuze.top/wp-content/themes/Sakura/images/smilies/bili/koubi.png): failed to open stream: No such file or directory in /www/wwwroot/www.siuze.top/wp-content/themes/Sakura-master/functions.php on line 1090

然后测试了H-siren,还不错,但是他的文章摘要以图片预览为主,特效也比较多,我在博客上可能图片还是放得少一些,简洁一些,其他的特效可以自己慢慢探索。最后就选择了原版的akina主题。
akina的作者似乎弃坑了,不过网上还是能找到主题文件的。

修改字体

修改主题后便琢磨着修改字体,我选中了一款名为”秀英明朝”的字体,来自“落霞孤鹜”大神,他在酷安活跃,有微信公众号和微博,不过最近似乎暂时闭关了。这位大神比我大两届,他分享和制作调整的字体大都是精品,是个宝藏。欢迎大家去关注他,他的微信公众号是“霞鹜”。

我通过修改css文件,同时添加字体到服务器,最终的修改结果是这样的,在css文件开头添加了代码。

@font-face {
font-family: LXGW 秀英明朝;
src: url('../fonts/LXGW 秀英明朝.eot');
src:
url('../fonts/LXGW 秀英明朝.eot') format('embedded-opentype'),
url('../fonts/LXGW 秀英明朝.woff2') format('woff2'),
url('../fonts/LXGW 秀英明朝.woff') format('woff'),
url('../fonts/LXGW 秀英明朝.ttf') format('truetype'),
url('../fonts/LXGW 秀英明朝.svg') format('svg');
font-weight: normal;
font-style: normal;
}
*:not([class*="icon"]):not(i) {
font-family: "LXGW 秀英明朝" !important;
}
html {
font-family: LXGW 秀英明朝,sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}

需要注意的是我对字体url的相对路径仍然不大熟悉,所以我把fonts文件夹放到了两处位置,一处是css文件所在文件夹下,另一处是css所在文件夹的上一级目录下。测试来看好像要放到上级目录,具体是否如此还要再次实验。

修改后自然带来一个问题,访问网站时用户会加载相当庞大的字体文件,我这套字体大约有十几M,这使得网站体验很差,所以我需要寻求办法。我看到了字蛛项目,字蛛可以扫描网页上的用字并整合,再从原来的字体文件中提取出网页需要的文字,生成缩小了的字体文件。
听起来很不错,可惜字蛛只支持对.html文件进行提取,而我使用的是wordpress,他的页面不是静态的,而是通过数据库保存的。于是我开始想办法吧网页缓存成html文件,很遗憾的是我试了不下5个wordpress插件,在缓存时不断出错,其中一个插件在测试缓存是报错内容为

cURL error 60: SSL certificate problem: unable to get local issuer certificate

网上给出的办法无一生效,我在尝试修复过程中竟然把服务器弄断网了,实在不行只能上报工单,感谢华为云的工程师快速回复,一条代码就解决了,似乎是重启后服务器不能获取网卡的问题。

后来我获取到了部分html文件,遗憾的是在运行字蛛时永远提示错误:

<web font not found>

查询网络很多人说是相对路径的问题,我仍旧不能解决。后来我又尝试字蛛+,但是服务器连安装都装不上。在不断搜索解决办法和其他办法后,我决定尝试在我的pc上安装字蛛,在本地修改字体文件传上去即可,可惜本地也是提示上述错误。这条了十几个小时之后,我尝试使用项目内的example文件夹内的html和css文件,并做了本地化的修改,就可行了。至今也不知道为什么可行了,只能把我网站所有的文章复制到他的范例文件,从而生成字体。再上传到服务器。
目前网站用了一千多个汉字,字体文件在800k左右,我觉得还是大了些,不过也没别的办法了。

最后修改:2020 年 10 月 02 日 04 : 52 PM