WORDPRESS 中 GOOGLE 字体的最佳替代方案

http://androidren.com/index.php?qa=305&qa_1=wordpress-%E4%B8%AD-google-%E5%AD%97%E4%BD%93%E7%9A%84%E6%9C%80%E4%BD%B3%E6%9B%BF%E4%BB%A3%E6%96%B9%E6%A1%88

http://forlong401.com/?p=1327

下面所述基于:WordPress 4.1版本

主体思路是:

将 fonts.googleapis.com 替换为 fonts.useso.com (360网站缓存的Google 字体)

具体方法如下:

好多网上的做法只是替换wp-includes/script-loader.php 文件中的fonts.googleapis.com 。这样是不全的。为啥?你搜一下就知道了。在WordPress根目录下搜索使用的地方:

[forlong401 wordpress]# grep -r “fonts.googleapis.com” .

./wp-includes/script-loader.php: // $open_sans_font_url = “//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets”;

./wp-includes/js/tinymce/plugins/compat3x/css/dialog.css:@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=latin-ext,latin);

./wp-content/themes/twentyfourteen/functions.php: $font_url = add_query_arg( $query_args, ‘//fonts.googleapis.com/css’
);

./wp-content/themes/twentyfifteen/functions.php: ), ‘//fonts.googleapis.com/css’ );

./wp-content/themes/twentythirteen/functions.php: $fonts_url = add_query_arg( $query_args, “//fonts.googleapis.com/css”
);

所以需要挨个替换。替换后的结果如下:

[forlong401 wordpress]# grep -r “useso” .

./wp-includes/script-loader.php: $open_sans_font_url = “//fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets”;

./wp-includes/js/tinymce/plugins/compat3x/css/dialog.css:@import url(//fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=latin-ext,latin);

./wp-content/themes/twentyfourteen/functions.php: // licong changes fonts from googleapis to useso.

./wp-content/themes/twentyfourteen/functions.php: $font_url = add_query_arg( $query_args, ‘//fonts.useso.com/css’ );

./wp-content/themes/twentyfifteen/functions.php:// licong changes fonts from googleapis to useso.

./wp-content/themes/twentyfifteen/functions.php: ), ‘//fonts.useso.com/css’ );

./wp-content/themes/twentythirteen/functions.php:// licong changes fonts from googleapis to useso.

./wp-content/themes/twentythirteen/functions.php: $fonts_url = add_query_arg( $query_args, “//fonts.useso.com/css” );

时间: 2024-10-11 15:09:21

WORDPRESS 中 GOOGLE 字体的最佳替代方案的相关文章

WordPress 的 Google 字体问题解决办法

在国内访问的时候,WordPress 里面引用的 google 字体可能会导致加载速度变得很慢. 要修改的地方有(我使用的版本是 4.0): wp-includes 里面的 script-loader.php 有一行: $open_sans_font_url = "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets"; 你使用的

关于WordPress中字体加载慢的问题解决方案(转)

2016-04-15 最近发现Wordpress有时候加载的特别慢,于是就想办法找了下原因.之前听网上说是因为wordpress用的是Google的字体库,而且是每次都要加载,导致访问慢的,于是当时装了个Disable Google Fonts的插件,禁用了Google字体,然后装了一个Useso take over Google插件,将字体文件改为360托管的字体库,这样就可以访问快点了.当时的效果的确挺好的,结果最近在使用的时候又发现网站访问慢了,用Chrome查了下资源加载的情况,发现访问

干掉Google字体,WordPress速度暴涨

2014年7月7日23:40:31 因为Google被墙,WordPress引用的Google字体总会加载很长时间,严重影响打开速度. 安装WordPress插件 Disable Google Fonts 可解决,速度暴涨,再也不用担心网站的加载时间了! 干掉Google字体,WordPress速度暴涨,布布扣,bubuko.com

wordpress google字体和gravatar头像不显示问题处理

wordpress 安装好后,发现网站打开很慢. 查看原因后发现是因为总所周知的原因:google字体无法加载.gravatar头像无法加载. 在网上查了下,说是要把google字体加载连接修改下,和gravatar头像加载连接修改下. 但修改源文件了,下次 wordpress 升级就会失效. 在网上找了个 wordpress 的插件,解决了google字体加载问题,看了下源码,修改了下,也解决了gravatar头像的问题. 代码如下: <?php function izt_cdn_callba

修改 Semantic UI 中对 Google 字体的引用

在第一次尝试 Semantic UI 后,发现其 css 中第一行,就引用了 fonts.googleapis.com 中的字体. 不知道为什么要这么做,也许在国外,google 的服务已经是一种互联网的基础设施了? 但是在中国,都懂的,这会大大的拖慢网站的加载速度,甚至加载出错. 其实还有一种情况,就是完全离线的网站,与互联网断开的,总不能连接到 google 去下载字体吧~ 话说查找这个问题的解决方案过程中,发现一个网站(https://google-webfonts-helper.hero

360网站卫士推出google字体加速方案

最近,有网友反映称谷歌官网域名google.com.谷歌香港google.com.hk都打不开, ping了一下google.com和google.com.hk两个域名的服务器情况,最后ping出来的IP地址均显示为“美国”,也就是说谷歌香港(google.com.hk)的服务器,已由香港转移至美国,所以链接时间会很长,甚至断断续续出现请求超时的情况. 图:google.com.hk域名服务器ping测结果 Google服务在大陆的崩溃情况不仅影响到了广大网民,也影响到了数百万的站长.WordP

详解CSS网页布局中默认字体样式

浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法. 拿字体来说,各个浏览器默认的字体种类.字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此.所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率. 样

网页引用google字体速度慢:fonts.googleapis.com

由于众所周知的原因,国内使用google font库有很大的问题. 使用国内镜像如360网站卫士常用前端公共库CDN服务 http://libs.useso.com/ 优点:使用方便 缺点:目标用户包含国外的开发者,不清楚国外用户的加载速度 google字体库:fonts.useso.com google公共库:ajax.useso.com 常用前端公共库:libs.useso.com 一个个人的库:http://fonts.gmirror.org/ 本次使用AdminTLE UI框架发现页面加

解决openstack 的 dashboard 使用了google 字体, 导致网站访问速度慢

openstack 的 dashboard 使用了google 字体, 导致网站访问速度慢 解决方案有几种: 去掉google字体,直接删除google字体 使用local字体替代 使用360字体替代 字体使用代码在css中,以ubuntu为例: /usr/share/openstack-dashboard/static/dashboard/css/7ac7b118466e.css @font-face {   font-family: 'Ubuntu';   font-style: norma