从自己服务器加载谷歌字体 – ~SolagirL~成都航院计算机系一个学生的个人博客
历史上的今天:2016:&& 欢迎各位右上角点击关注本站的微博： 欢迎来访，顺便和我吧！
WordPress技巧
360网站卫士前端公共库停止运行后的google字体加速解决方案
编辑：狂族晨曦
阅读： 2,965 次
昨天晚上，也就是日晚，360社区发布了“网站卫士前端公共库停止运行公告”，宣布从即日起网站卫士前端公共库停止提供服务。也就是说，我们后台的Google字体就不能替换成360公共库的了。
网站卫士前端公共库停止运行公告
公告内容如下：
感谢您一直以来给予网站卫士前端公共库的支持与厚爱！由于我们业务发展方向上的调整，经过网站卫士团队的考量协商，我们怀着万分遗憾的心情宣布网站卫士前端公共库从即日起停止提供服务。
已经使用网站卫士前端公共库的网站，需要将“常用前端公共库”所调用的资源转移至您的网站本地存储，我们的网站卫士服务将继续给您提供缓存加速服务。
使用网站卫士“Google公共库”或者“Google字体库”的网站，请替换我们的URL，直接调用谷歌官网URL即可。
我们会继续努力，为网站卫士的用户免费提供更优秀的网站安全防护与加速服务！
& & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & 网站卫士团队
那么，在没有360前端公共库的支持后，我们该怎么为WordPress后台的google字体加速呢？
幸运的是，先森在小伙伴@第9页的提醒下，找到了由中国科学技术大学提供的谷歌字体加速，网络的线路为教育网、电信、移动 三线接入。
对应关系：
fonts.googleapis.com&&&&&&&&fonts.lug.ustc.edu.cn
ajax.googleapis.com&&&&&&&&ajax.lug.ustc.edu.cn
themes.googleusercontent.com&&&&google-themes.lug.ustc.edu.cn
fonts.gstatic.com&&&&&&&&&fonts-gstatic.lug.ustc.edu.cn
好了，拿到了可以支持google字体加速的链接，接下来该修改下我们的WordPress主题了。
在主题的functions.php添加以下内容，代码来自WordPress大学，稍有修改：
&*&360网站卫士前端公共库停止运行后的google字体加速解决方案
&*&http://www.capjsj.cn/360_to_ustc.html
function&wpdx_replace_open_sans()&{
&&wp_deregister_style('open-sans');
&&wp_register_style(&'open-sans',&'//fonts.lug.ustc.edu.cn/css?family=Open+Sans:300italic,400italic,600italic,300,400,600'&);
&&if(is_admin())&wp_enqueue_style(&'open-sans');
add_action(&'init',&'wpdx_replace_open_sans'&);
至于修改之后的速度呢，那是杠杠的。先森测试，仅用34ms即响应。
感谢中科大！
历史上的今天:2015:&&2015:&&2015:&&
360又在任性了，不赚钱的东西就不搞了。 15:56将谷歌字体下载到本地服务器
不知道大家有没有发现，用semantic ui写的页面打开速度特别慢，原因就是semantic ui 里的semantic.min.css文件里面的第一句话，即html 代码片段效果预览@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');这就是引用了谷歌的字体库，lato字体。众所周知，谷歌早已被翻墙，所以才导致网站打开特别~~慢。
解决这个问题有两种方法：
一种是将谷歌字体库改为360字体库，即把引用的网址https://fonts.googleapis.com改为https://fonts.useso.com即可，后面的都不用动；
第二种就是如题所说，我们可以打开360字体库对应的网址，即第一种中改过后的网址：https://fonts.useso.com/css?family=Lato:400,700,400italic,700italic&subset=latin
打开后发现里面就是一些网络字体，我们可以把这些字体下载下来，放到我们自己的服务器上，以后用的时候就会快很多啦。
当然，上面都是以semantic ui为例来说的，如果遇到其他引用谷歌字体的情况也是可以这样做滴
ps，最后说一点，就是用第二种方法时，打开字体对应的网址后，有时候会出现好多个@font-face，再刷新多次可能就会刷出只有3~4个汇总的@font-face，目前不明原因，但是大家要下载字体的话下载页面比较少的那个就行~
10 总笔记数
3.5万 总阅读量
Copyright &
All Rights Reserved.
合作伙伴：请完成以下验证码
查看: 3501|回复: 4
中科大的谷歌字体加速服务是不是宕了？
本帖最后由 contrail 于
15:56 编辑
我这边访问 fonts.lug.ustc.edu.cn 已经 504 Gateway Time-out了。
——————————————————————
由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧骚年！
很多网站，尤其是国外网站，为了加快网站的速度，都是用了 Google 的 CDN。 但是在天朝，由于某些原因，导致全球最快的 CDN 变成了全球最慢的。
于是，我写了这个插件，将 Google 的 CDN 替换成国内的。
本来我使用的是 360 提供的。360网站卫士常用前端公共库CDN服务
经网友提醒 360 的不支持 https，于是改成中科大的。
此插件包括三部分。
ajax.googleapis.com - 前端公共库
fonts.googleapis.com - 免费字体库&&fonts.lug.ustc.edu.cn
themes.googleusercontent.com - fonts 有时会使用到这个里面的资源
我这也是404
我也是404了 上海
那刘家才和UC脚本们，都已经可以下岗了？
确实不行了
我现在一般都禁用掉google 字体的，要不然打开网页的速度令人难以想象！
Copyright & KaFan &KaFan.cn All Rights Reserved.
Powered by Discuz! X3.4( 苏ICP备号 ) GMT+8,Nginx 配置反向代理使用 Google fonts 字体并开启 HTTP2/SSL 支持
作者：keelii
字体：[ ] 类型：转载 时间：
nginx作为web服务器一个重要的功能就是反向代理。当然你也可以使用nginx配置正向代理，本是介绍如何配置nginx的反向代理。nginx反向代理的指令不需要新增额外的模块，默认自带proxy_pass指令，只需要修改配置文件就可以实现反向代理。
由于博客主题使用了 Google fonts PT Serif 字体，国内只能通过中科大的代理来使用 Google fonts 字体。然而最近发现其速度不稳定，响应时间有时候甚至超过 600ms。刚好因为自己有 vultr 的 VPS(带小尾巴) 就自己动手搭了个来用
VPS 环境如下：
Ubuntu 14.04
Nginx 1.12.0 (最新版各别配置与之前不一样)
Openssl 1.0.2j (新版 Nginx 开启 http2 需要的最低 openssl 版本)
重新编译安装 Nginx
如果之前编译安装没开启相关模块的话需要重新编译，大概参数如下：
代码如下:./configure --prefix=/usr/local/nginx --with-http_ssl_module --with-openssl=/usr/local/ssl --with-http_v2_module --with-http_sub_module
编译完没有出错的话就 make && make install 就 OK 了
配置 Nginx 反代
upstream google {
server fonts.googleapis.com:80;
upstream gstatic {
server fonts.gstatic.com:80;
proxy_temp_path
/your/path/tmp 1 2;
proxy_cache_path /your/path/cache levels=1:2 keys_zone=cache1:100m inactive=30d max_size=1g;
80 端口配置
listen 80;
server_name your.proxy.
root /your/path/;
location /css {
sub_filter 'fonts.gstatic.com' 'your.proxy.domain';
sub_filter_
sub_filter_types text/
proxy_pass_header S
proxy_set_header Host fonts.googleapis.
proxy_set_header Accept-Encoding '';
proxy_set_header X-Real-IP $remote_
proxy_set_header X-Scheme $
proxy_pass http://
proxy_cache cache1;
proxy_cache_key $host$uri$is_args$
proxy_cache_valid 200 304 10m;
expires 365d;
location / {
proxy_pass_header S
proxy_set_header Host fonts.gstatic.
proxy_set_header X-Real-IP $remote_
proxy_set_header X-Scheme $
proxy_pass http://
proxy_cache cache1;
proxy_cache_key $host$uri$is_args$
proxy_cache_valid 200 304 10m;
expires 365d;
443 端口配置
首先你得有个免费的 HTTPS 证书，这个可以参考我之前的文章：免费 Https 证书（Let'S Encrypt）申请与配置
注意设置 sub_filter 字段的时候 你的域名要加上 https://，要不然会出现代理的 CSS 文件中的字体文件引用是 HTTP 而请求报 blocked/mixed-content 错
listen 443 ssl http2;
ssl_certificate /etc/letsencrypt/live/your.proxy.domain/fullchain.
ssl_certificate_key /etc/letsencrypt/live/your.proxy.domain/privkey.
ssl_dhparam /etc/ssl/certs/dhparams.
ssl_protocols SSLv3 TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers HIGH:!aNULL:!MD5;
server_name your.proxy.
root /var/sites/fonts/;
location /css {
sub_filter 'http://fonts.gstatic.com' 'https://your.proxy.domain';
sub_filter_
sub_filter_types text/
proxy_pass_header S
proxy_set_header Host fonts.googleapis.
proxy_set_header Accept-Encoding '';
proxy_set_header X-Real-IP $remote_
proxy_set_header X-Scheme $
proxy_pass http://
proxy_cache cache1;
proxy_cache_key $host$uri$is_args$
proxy_cache_valid 200 304 10m;
expires 365d;
location / {
proxy_pass_header S
proxy_set_header Host fonts.gstatic.
proxy_set_header X-Real-IP $remote_
proxy_set_header X-Scheme $
proxy_pass http://
proxy_cache cache1;
proxy_cache_key $host$uri$is_args$
proxy_cache_valid 200 304 10m;
expires 365d;
安全防盗链
如果不共享给其它人用的话还需要在配置中加入 referer 白名单判断，不符合条件的将返回 403
valid_referers server_name *.your.domain.com *.other.domain.
if ($invalid_referer) {
return 403;
上面就是本文的全部内容了，希望对大家学习配置nginx反向代理以及支持SSL有所帮助
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}