google font（如何禁用WordPress后台和默认主题中的Google Fonts）

本文目录

• 如何禁用WordPress后台和默认主题中的Google Fonts
• google logo是什么字体
• 在国内有没有Google Fonts的web font的替代
• 如何使用Google Fonts字体
• 如何使用 Google Web Fonts

如何禁用WordPress后台和默认主题中的Google Fonts

一、安装插件和添加代码禁用wordpress后台和主题的google fonts。
1、安装启用Disable Google Fonts 或Remove Open Sans font Link from WP core
Disable Google Fonts 和 Remove Open Sans font Link from WP core 插件都可以禁用WordPress网站后台的Google Fonts 字体调用。
在网站后台的 插件里 搜索2个插件中的一个，在线安装启用即可。
Disable Google Fonts 插件不需要没有任何额外设置，安装启用就可以生效了。插件主要应用于以下场合：
基于隐私和安全的考虑（使用Google字体，会让Google了解你网站的每一次页面浏览的情况）
本地开发或者本地产品（无法访问互联网，或者访问互联网受限）
无法访问Google服务器（有些地方屏蔽了Google的服务）
语言不支持（Google Fonts字体仅支持少数几种语言）
性能（每次页面浏览都要访问 Google 的服务器）
Disable Google Fonts WordPress插件很简单好用。不过它仅能关闭 WordPress 控制台（仪表盘）中的 Google Fonts，以及 WordPress 自带几个主题中的 Google Fonts 。
安装插件只能禁用wordpress后台和自带主题的谷歌字体，禁用使用主题的谷歌字体还需要添加一下代码。
2、为使用主题添加代码禁用
在主题中的 functi***.php 文件中添加以下代码：
//DisableGoogleFonts
class Disable_Google_Fonts {
public function __c***truct() {
add_filter( ’gettext_with_context’, array( $this, ’disable_open_sans’ ), 888, 4 );
}
public function disable_open_sans( $translati***, $text, $context, $domain ) {
if ( ’Open Sans font: on or off’ == $context && ’on’ == $text ) {
$translati*** = ’off’;
}
return $translati***;
}
}
$disable_google_fonts = new Disable_Google_Fonts;
或者在主题中的 functi***.php 文件中添加下面的代码也可以解决：
//RemoveOpenSans
function remove_open_sans() {
wp_deregister_style( ’open-sans’ );
wp_register_style( ’open-sans’, false );
wp_enqueue_style(’open-sans’,’’);
}
add_action( ’init’, ’remove_open_sans’ );
禁用了主题google fonts调用代码之后，网站速度明显加快了。
二、使用360镜像的google fonts来替换掉原来的原来的调用代码
通常，主题的字体调用可能发生在 functi***.php ， style.css 以及 header.php 文件中。有些高级主题，还可能会提供有关闭字体的开关，可以直接关闭 Google Fonts 。
在主题相关文件中查找调用的fonts.googleapis.com代码，将其替换成fonts.useso.com即可。
或者在你的 WordPress 安装目录下，找到 /wp-includes/script-loader.php ，搜索 fonts.googleapis.com ，大约在 602 行左右（WordPress 3.9.1 在602行）；将其替换成 fonts.useso.com 。

google logo是什么字体

font-family: Georgia, "Times New Roman", Times, serif;

在国内有没有Google Fonts的web font的替代

　　想让你的网站瞬间提升质感?试试谷歌和Adobe联合推出的「思源黑体」!现在只要加入一段 Typekit 程序代码，就可以把思源黑体作为网页字体(Webfont)使用了，附上具体的使用教程，来收!
　　相信大家对「思源黑体(Source Han Sans)」都不陌生，这是 Adobe 和 Google 合作，于 2014 年推出的开放原始码字型，提供七种粗细设定，完整支持日文、韩文、繁体及简体中文，有鉴于中文字型选择不多，在开发上也颇具难度，一推出便受到许多人关注，修改版字型也陆续出现，例如之前介绍过的思源柔黑体、思源真黑体。
　　若想将思源黑体做为网页字型(Webfont)使用，你可能会遇到瓶颈，或许是某些问题尚待解决，Google Fonts 迟迟没有把 Source Han Sans 网页字体放上去。最近在翻找资料时发现 Adobe Typekit 已经先行提供「思源黑体」Webfont 了!这也表示网页开发者可以在网站内自由加载这美丽的字型，只要加入一段 Typekit 程序代码。
　　除了繁体中文，Typekit 亦有简体中文、日文及韩文共四种思源黑体网页字型。
　　Adobe Typekit 虽然不是服务，但也有方案可以选择，注册后有每月 25,000 次的浏览次数额度，对于一般个人部落格或小型网站来说其实还算充裕(当然你也可以考虑付费升级，价格不高)。
　　要如何让你的网站文字更美观、更有质感呢?透过下方的教学，来申请取得 Typekit，并将思源黑体加入你的网站，取代原有默认的字型吧!整体操作还算简单，不过前提是你的部落格提供商必须支持 JavaScript 语法，且要能自行修改 CSS 样式表单。
　　Typekit
　　STEP 1
　　开启 Typekit 网站后，点选右上角的「Browse Fonts」，从 Limited Library 可以找到思源黑体系列，我们要使用的为 Source Han Sans Traditional Chinese 也就是繁体中文。
　　从「Source Han Sans Traditional Chinese」可以预览思源黑体在网页上的显示效果，一共七种字重，分别为 ExtraLight、Light、Normal、Regular、Medium、Bold 和 Heavy，最初网站上只提供字型下载，现在也加入了对于 Web(网页字型)的支持。
　　点选右上角的「Sign Up」按钮来开始注册吧!
　　STEP 2
　　进入注册页面，可看到 Adobe Typekit 计价方式，其中有一个(Free)方案，虽然可使用的字型数量较少，但仍有每月 25,000 浏览次数额度，点选「Sign Up」选择方案。
　　STEP 3
　　接着输入你的姓名、Email、密码、国家和生日来注册账号，如果你已经有 Adobe ID 的话也可直接登入开始使用。
　　STEP 4
　　注册后登入 Adobe Typekit，回到 Source Han Sans Traditional Chinese 页面，点选右上角绿色的「+ Use Fonts」按钮。
　　跳出如下窗口后，先从上方的标签选择「Web」，然后点选 Create a new kit 来建立一个新的网站设定。
　　STEP 5
　　跳出一个 Create a Kit 新窗口后，设定一下要建立的网站名称、网址，因为这段程序代**限制于你设定的域名上使用，网址部分一定要设定正确喔!
　　范例可参照以下灰色文字，无须填入 ，只要输入你的域名部分即可。
　　设定完后，就会产生 Install JavaScript 画面，底下就是你要加入网页的程序代码。不过先别急着复制，点选「Continue」回到 Typekit 网页来看看有没有其他设定选项。
　　STEP 6
　　回到 Typekit 网页，将鼠标光标移动到右上角的「Kits」，会显示你刚才设定好的网站名称，点一下开启设定，会出现如下画面。
　　从这里可以设定要使用、加载的思源黑体字型字重，默认只会有 Regular 和 Bold ，为了避免让字型加载速度变慢，建议维持默认值，除非你有特殊的需求。
　　点选左上角的「Using fonts in CSS」可以看到详细的 CSS 设定方法，假如你要在标题部分使用思源黑体的话，只要加入一段 font-family 设定值，这部分就不多做说明。
　　STEP 7
　　最后点选右下角的「Publish」来发布设定更新，Typekit 就会把 JavaScript 程序代码显示在网站上啰!使用者只需要复制这段程序代码，然后把它放到网页《/body》 之前，就能在网页内加载思源黑体，让整体阅读效果更理想、更与众不同。
　　至于要如何查看用量情形呢?可以从 Typekit 右上角的「Account」来看目前用量，方案除了有每月 25,000 次的浏览次数限制外，可加入网站数量只有一个，能选用的网页字型则有两个。
　　如果用量超过会怎么样呢?其实就只有网页字型的样式无法加载而已，完全不会影响网站的显示或阅读，倒也不用太过担心。
　　值得一试的三个理由：
　　思源黑体网页字型(Webfont)，已经可以在 Typekit 取得使用
　　支持繁体中文、简体中文、日文及韩文，提供七种可选用字重
　　方案每月可使用 25,000 次浏览配额

如何使用Google Fonts字体

***隐藏网址***
2、从200+字体中选择想要的字体（可惜没有中文字体），选择“使用”；
3、设置你选择字体的样式和字符集；
4、把字体加到你的网站：
方法一：标准式：在head部分加入一串 link 样式，引入Google字库；
***隐藏网址***
方法三：js引入：
WebFontConfig = {
google: { families: }
};
(function() {
var wf = document.createElement(’script’);
***隐藏网址***
***隐藏网址***
wf.type = ’text/javascript’;
wf.async = ’true’;
var s = document.getElementsByTagName(’script’);
s.parentNode.insertBefore(wf, s);
})();
5、然后就可以和普通字体一样设置样式了。
WordPress可以使用WP Google Fonts插件，Z-Blog就需要等待了。

如何使用 Google Web Fonts

通过使用Google Web Fonts，你的博客不用上传任何字体，就能显示除了常用的“Arial”，“Verdana”等字体之外的其它字体。众所周知，网站可读性取决于它的设计和外观。网页设计中扮演最重要角色的字体，使用的什么样的字体对您的网站模板很重要。例如，Arial /Helvetica （sans-serif）， Verdana and Georgia是我们常用的web设计的字体。这些字体提供一个很好的可读性，但如果你想用新字体，你需要做的就是确保浏览者的网络设备安装了这些字体。这样很难确定。所以就得自己上传字体到服务器，并通过CSS来加以控制。但现在，有一个更好的免费工具，那就是Google Web Fonts在您使用Google Web Fonts服务之前，请首先了解以下两点：1.选择太多的字体会减缓你的博客加载速度，所以你只需选择必须使用的。以免造成访问速度变慢的情况发生。2.如果你只能选择你所需要的语言，你会帮助防止您的网页上的变得缓慢。3.目前Google Web Fonts的界面及预览语言不为英语（不妨碍中文使用）。Google Web Fonts能直观展示各种web字体，就像Serif，Sans-Serif，Display 和 Handwriting，你还可以浏览某些属性，如脚本显示字体、宽度、倾斜和厚度。所有这些属性可以显示在侧窗格中。在你选择你想要的字体时，你还可以直观预览诸如单词、句子、段落等整体样式。下面是一个简单的教程，帮助你更快更好使用Google Web Fonts：1.点击 Google Web Fonts 进入谷歌字体服务，选择您想要的字体，然后点击右下角“Add to collection” 按钮，在这里，我们选择“Alike”字体来作为整个教程的例子字体。2.点击“Add to collection”后，会在页面最下方出现这样一个信息“1 font family in your collection” 还有三个按钮，分别是“Choose“，“Review” 和“Use“。 在这里，我们选择 “Use“。也就是使用。3.它还要求对字体设置。选择可用的样式，例如“粗体、斜体”等。但只针对某些特定字体。接下来，选择特定的语言字符。生成代码。4.接下来是代码部门，谷歌字体提供三种应用代码，分别是标准模式“Standard （external stylesheet）”， 导出模式“@import method”和JS模式“JavaScript”。根据需要，现在你需要的模式，不过在这里，我们建议选择标准模式。