首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

wordpress google字体子集不显示字符

WordPress是一种流行的开源内容管理系统(CMS),用于创建和管理网站。Google字体是一种由Google提供的免费字体库,它包含了各种风格和类型的字体供网站开发者使用。

当在WordPress网站中使用Google字体时,有时可能会遇到Google字体子集不显示字符的问题。这可能是由于以下原因导致的:

  1. 字体文件加载失败:可能是由于网络连接问题或服务器配置问题导致字体文件无法正确加载。解决方法是检查网络连接,确保服务器配置正确,并确保字体文件的URL地址正确。
  2. 字体文件格式不受支持:某些浏览器或操作系统可能不支持特定的字体文件格式。在选择Google字体时,应该尽量选择广泛支持的字体格式,如TrueType(.ttf)或OpenType(.otf)。
  3. 字体子集设置错误:Google字体提供了子集功能,可以选择只加载所需的字符子集,以减少字体文件的大小。如果子集设置错误,可能会导致某些字符无法显示。解决方法是检查字体子集设置,确保包含所需的字符。
  4. 缓存问题:有时浏览器或服务器会缓存字体文件,导致更新后的字体文件无法及时加载。解决方法是清除浏览器缓存或服务器缓存,以确保最新的字体文件被加载。

对于解决这个问题,可以尝试以下步骤:

  1. 检查网络连接和服务器配置,确保字体文件可以正确加载。
  2. 确认所选择的字体文件格式受到广泛支持。
  3. 检查字体子集设置,确保包含所需的字符。
  4. 清除浏览器缓存或服务器缓存,以确保最新的字体文件被加载。

腾讯云提供了一系列与网站开发和云计算相关的产品,例如云服务器、云数据库、云存储等。这些产品可以帮助用户搭建和管理网站,并提供稳定可靠的云计算基础设施。更多关于腾讯云产品的信息可以在腾讯云官方网站上找到:https://cloud.tencent.com/

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用 Google 字体加速服务,加快 WordPress 打开速度

以前给网页设置字体,需要读者的操作系统中安装相应字体才可以显示,所以之前在网页作品中,使用了其他的创意字体,那么需要生成相应的文字图片来替换,否则不会显示。...Google 在线字体服务 CSS3 引入了一个非常强大而且实用的属性 @font-face,这个功能就是 Web Fonts,可以直接使用安装在服务器端的字体,所以可以将选择好的字体,上传到服务器中,...这样字体选择的余地就很大了,只需要有字体文件就可以,但是自己上传字体到服务器还是太麻烦,所以 Google 就推出了在线字体服务,大家可以实时看到字体的效果,然后获取代码直接引用这个字体!...加速 Google 在线字体 Google 字体很好用,很方便,WordPress 很多主题也使用了 Google 字体,但是 Google 在线字体在国内的速度不是很快,甚至有时候还无法打开,这也是...WordPress 有时候在国内速度不够快的原因。

88530

如何在 WordPress 主题中使用本地托管的 Google 字体

前面我们介绍 WordPress 官方要求主题作者切换到本地托管字体,今天简单说说如何实现在本地托管的 Google 字体。...WordPress 主题的外部资源规则 一直以来,w.org/themes 上的存储托管主题,一直不允许使用第三方资源,包括第三方的图片,JavaScript 脚本文件,CSS 样式文件,网络字体以及其他资源...但是这条规则的唯一的例外就是 Google 字体,因为当时没有可靠的方法来实现本地托管的网络字体,而排版又是主题设计中的一个重要组成部分。...但是由于 GDPR 和隐私方面以及之前的案例的影响,Google 字体不再被视为本指南的例外。...如何本地托管的 Google 字体 WordPress 官方主题团队在很早之前就在 Github 发布了一段脚本教大家如何本地托管 Google 网络字体

60820

android EditText,textview显示 特殊字符及自定义字体

在开发的时候,我们经常有碰到需要显示特殊字符的情况,例如如下面的 特殊字符 当然特殊字符不仅仅是这些,要根据自己的业务而定。...android 特殊字符 比较全的 :http://www.ztxz.cn/fonts/460.htm,那么如果碰到这样的特殊字符,我们设置到textView 或者EditText会发现是乱码。...又或者我们要显示一些特殊样式的字体 这种情况我们的解决方案就是要引入三方的字体库。...就是将下载好的字体库放入到 asset下面,类似这样 代码中很简单  ,初始化 Constants.fontFace = Typeface.createFromAsset(getAssets(), "...fonts/DroidSans.ttf"); editText.setTypeface(Constants.fontFace); DEMO下载 字体库下载(包含30多种字体

90520

为博客标题自定义字体

本文用我最惯用的 Wordpress 作为例子。 最近 @Shawn 的群里超级多人问 Shawn 博客标题字体怎么弄的。(其实我的博客也弄了只不过他们不看而已)。...image.png 然后上传到Wordpress 的 主题目录,即 /wp-content/themes/ 。...这个时候,我们需要一种叫 Subfont(字体子集)的东西;它可以把一个字体里面的几个字符单独地提取出来。 这里推荐一个叫 字客网 的网站。它提供非常简单的字符子集生成服务。...image.png 点击生成以后网站会自动把生成好的字体下载下来。 右键 - 属性 看了下,6个中文字体字体子集只有 4KB。随便啥服务器都可以一秒钟加载完毕。...使用 Google 搜索关键词 ”font face mdn“ 即可。如果英文读不懂可以把网址里面的 en-US 改成 zh-CN,就可以看到中文版本的了。

2.5K40

2020前端性能优化清单(二)

您可以用字体代工厂将 Web 字体转换成较小的子集,或者如果您使用的是开源字体,则可以使用Glyphhanger[78]或Fontsquirrel[79]对它们进行子集化。...文本可能是不同的,一些字符也可能会退回到其他字体,Open-Type 特色可能会被遗漏,或者行高可能会有所不同。”...论及 Google Fonts:尽管它最近增加了对字体显示的支持[92],但还是建议大家考虑使用google-webfonts-helper[93],这是一种轻松自如地托管 Google Fonts 的方案...因此,设置字体子集并将其拆分成字符集仍然很重要。不过,好的一面是,有了可变字体,默认情况下我们将只有一次回流,因此不需要 JavaScript 来对重绘进行分组。...92] 最近增加了对字体显示的支持: https://css-tricks.com/google-fonts-and-font-display/ [93] google-webfonts-helper:

1.6K10

关于 WordPress 功能增强优化,看这一篇就够了

现在又花了相同的时间把  WPJAM Basic 中功能增强的部分也整理了一下,介绍了每个功能的背景,为什么要实现这个功能的,今天在汇总一下: Google 字体加速服务 Google 字体很好用,很方便...,WordPress 很多主题也使用了 Google 字体,但是 Google 在线字体在国内的速度不是很快,甚至有时候还无法打开,这也是 WordPress 有时候在国内速度不够快的原因。...WPJAM Basic 可以让选择第三方 Google 字体字体加速服务,也可以自定义输入加速服务地址: 详细介绍:使用 Google 字体加速服务,加快 WordPress 打开速度 Gravatar...详细介绍:提高 WordPress 安全性,移除页面头部的版本和服务发现相关代码 移除工具栏 一般建议在网站前台显示 WordPress 工具栏,所以可以一键移除。...详细介绍:教你一键移除 WordPress 后台页面右上角的显示选项和帮助

47620

前端字体截取技术,做炫酷网站再也不用怕中文字体数据量大啦!【实战】

这时候,我们可以根据网页用到的字符来截取字体的片段,这个技术英文叫subset,也就是“取子集”。 本文首先简单回顾Web自定义字体的技术规范,然后通过实例介绍两种前端常用的截取字体的技术。...假设不删除上述码点,而直接在标点左侧输入一个自定义字体中并不包含的字符,Chrome会强制把这个字符显示成自定义字体。看来浏览器的实现还是有不一致的地方。...“苹方”字体了: [image.png] 注意,不要试图基于英文字体自定义 punc 字体,因为英文字体包含对中文标点符号对应码点的映射。...,而非基于源字体截取的子集。...之后的输出显示,截取的字体叫“SourceHanSerifCN-Light-subset.woff2”,且源字体文件有12.44 MB,子集文件3.57 KB。

2.5K20

加快 WordPress 打开速度,你应该打开这三个选项

为了防止比较老旧的浏览器不显示 Emoji,WordPress 将 Emoji 转换成图片显示。...另外 WordPress 用于显示的 Emoji 的图片都是放在 http://s.w.org/images/core/emoji/ 资源下,但是这个域名在国内经常访问不了的,这个功能反而成为了拖慢博客显示的原因了...现在几乎所有的浏览器都能够显示 Emoji 了,所以我们完全可以禁用 WordPress 对 Emoji 的处理功能,在 WPJAM Basic 插件「优化设置」中直接关闭: 加速 Google 在线字体...WordPress 很多主题使用了 Google 字体,但是 Google 在线字体在国内的速度不是很快,甚至有时候还无法打开,这也是 WordPress 有时候在国内速度不够快的原因。...国内目前已有多家第三方 Google 字体字体加速服务,WPJAM Basic 已经内置了以下三家: 你可以根据自己的需求选择适合自己的服务,也可以自定义输入加速服务地址。

49420

Fonts最佳实践

unicode-range通常用于根据页面内容使用的语言提供不同的字体文件。 unicode-range经常与子集技术一起使用。一个子集字体包括原始字体文件中所包含的一小部分字形(即字符)。...例如,一个网站可能不会向所有用户提供所有的字符,而是为拉丁文和西里尔文字符生成单独的子集字体。每种字体的字形数量有很大的不同。...用于生成字体子集的工具包括 subfont 和 glyphanger。 关于Google Fonts如何实现字体子集的信息,请看这个介绍 。...关于Google Fonts的API子集,请看这个 repo。 WOFF2:在现代字体中,WOFF2 是最新的,有最广泛的浏览器支持,并且提供了最好的压缩。...这是最 "高效 "的方法:文本渲染的延迟时间超过100ms,而且可以保证不会出现与字体交换有关的布局变化。 如果用网络字体显示文本是首要任务。

2.8K72

DW Replace Open Sans:将WordPress 后台中的open-sans字体加载源从Google Fonts换为360 CDN

针对最近因为Google fonts被墙导致WordPress 打开慢的问题,Jeff 在上一篇《Google Fonts导致WordPress 速度问题的三个解决方案》提出的方案中其中是禁止加载Google...fonts ,但是禁止后WordPress 后台的英文字体会变成你当前系统默认的——不好看。...为此Jeff 借助网络上的代码开发了这款插件,可一键将WordPress 后台中的open-sans字体加载源从Google Fonts替换为360的CDN 加载源。...2015.2.26更新:Google Fonts 已可正常访问,相关插件可卸,本文已失效 插件简介 之前网络上提供的将WordPress 后台中的open-sans字体加载源从 fonts.googleapis.com...后台中的open-sans字体加载源从Google Fonts替换为360的CDN加载源。

795100

DW Replace Open Sans:将WordPress 后台中的open-sans字体加载源从Google Fonts换为360 CDN

针对最近因为Google fonts被墙导致WordPress 打开慢的问题,Jeff 在上一篇《Google Fonts导致WordPress 速度问题的三个解决方案》提出的方案中其中是禁止加载Google...fonts ,但是禁止后WordPress 后台的英文字体会变成你当前系统默认的——不好看。...为此Jeff 借助网络上的代码开发了这款插件,可一键将WordPress 后台中的open-sans字体加载源从Google Fonts替换为360的CDN 加载源。...2015.2.26更新:Google Fonts 已可正常访问,相关插件可卸,本文已失效 插件简介 之前网络上提供的将WordPress 后台中的open-sans字体加载源从 fonts.googleapis.com...后台中的open-sans字体加载源从Google Fonts替换为360的CDN加载源。

82270

腾讯云:WordPress教程网站中使用自定义字体

在使用 WordPress 建站的过程中,很多时候我们希望在网页中使用某种特定的字体,而这种特定的字体并不是主流操作系统的内置字体。...谷歌字体是个不错的选择,它能够让字体在网页上显示的丰富多样,但是国内谷歌字体 Google Fonts 所在的 googleapis.com 网站被墙,根本加载不了,而且会导致 WordPress 加载速度变慢...,我们在之前的 WordPress 教程中已经讲解过 WordPress 中禁用谷歌字体的方法。...在这种情况下,使用 CSS 的 @font-face 属性在网页中嵌入自定义字体成为最佳选择,下面的 WordPress 教程里,我们就向大家介绍一下 WordPress 网站中如何嵌入自定义字体。...获取要使用字体的文件格式,确保能在主流浏览器中都能正常显示字体

1.3K20

WordPress 首页加载速度(根本停不下来!)

今天仔细的研究了一下,发现出错的地方都是由于Google服务被屏蔽导致的,感谢CCAV。...其实一个出错的是Google的自定有搜索框,第二个是Google的开放字体服务;对于第一个确实没什么好的办法,只能暂时去掉了,如果要搜索指定站点的内容可以使用site修饰符例如在Google搜索框中输入...公共库&字体库的调用方法 fonts.useso.com 360网站卫士代理访问 由于众所周知的原因,只需替换一个域名就可以继续使用Google提供的免费字体库了。...---- 分享文章: 相关文章: WordPress 正文添加标签选项 WordPress 开启Gzip压缩 WordPress 主题 图片自适应宽度 WordPress jQuery隐藏侧边栏...WordPress 4.2.1 gravatar头像无法显示 WordPress 优化404页面 WordPress 中文分词搜索 Vendetta theme for WordPress WordPress

39620

解决新版wordpress打开速度超级慢的问题

然后仔细排查了一下原因,发现是由于 Google服务器无法访问造成的,因为新版wordpress系统中会加载谷歌Opensans字体样式,导致网站非常的慢,需要等待很久。...第一、取消谷歌Open sans字体加载(wp更新不受影响) 1、添加代码法 通过禁用谷歌字体,把主题中的function.php文件用ftp下载文件下载到本地;同时,建议将服务器上function.php...哪些文件调用了 Google Fonts 和 Google Ajax 的服务 WordPress 3.5 之前的版本中,核心程序和自带主题都没有调用 Google Fonts 和 Google Ajax...很显然,如果我们开启这项功能,当 WordPress 发布新的维护更新的时候(比如 WordPress 3.9.2),会自动覆盖掉我们所做的修改。这是我们希望发生的事情。...Fonts 字体库和 Google Ajax JS资源库全部换成了360网站提供的服务上了。

5.5K30

Google Fonts导致WordPress 速度问题的三个解决方案

2015.2.26更新:Google Fonts 已可正常访问,相关插件可卸,本文已失效 Google Fonts导致WordPress 速度问题之原因 WordPress 自3.8+版本后加入了Google...所以,如果是在登陆状态下打开你的WordPress 站点,会非常慢,因为压根儿加载不了这个字体文件。如果是非登陆状态且你的主题不是老外的主题,一般来说都是正常的。...核心代码,过于粗暴,推荐,下面推荐个更好的代码法,我也将这个其弄成插件,你可以直接下载插件或者在当前主题中加入下面的代码: fonts.useso.com 是国内360推出的常用前端公共库CDN服务之一,“由于众所周知的原因,只需替换一个域名就可以继续使用Google提供的免费字体库了。

2.2K90

【腾讯云前端性能优化大赛】秒开的艺术:Hexo 博客首屏耗时优化实践

这里要先说明一下 Google Fonts 对于中文等大字符集的在线字体的提供方式。...如果我们通过完整的字体文件向访客分发中文字体是很不现实的,因为一个完整的中文字体包括上千甚至上万个字符,也就是说字体文件的尺寸起码是 MB 级别的,一个字体文件完整下载下来的耗时会很长很长。...unicode-range 的引入使得我们可以指示浏览器只对特定字符使用特定的字体。...Google Fonts 将字体切分为多个文件,浏览器在渲染页面时按需下载对应的字体文件,而不是将全部字体文件都下载下来。...我们可以只将页面需要用到的文字从完整的字体文件中裁剪出来,生成字体子集(subset),从而优化字体的加载和展示体验。

903141

WordPress常用插件分享

2,摘要可保留文章中的格式标签,如字体、颜色、链接、图片等(需保留的标签可在后台设置)。 3,首页每篇文章显示300字,存档页面每篇文章显示150字(字数可设置)。...主要作用:Google XML Sitemaps插件是WordPress官方推荐的插件,这款插件的作用,当你发表或修改博客内容后,它将为你的WordPress博客自动创建/更新Google Sitemap...主要作用:通过google translate自动把标题翻译成英语,在google translate 翻译失败时转换成拼音,有利于WordPress中的中文标题优化。...主要作用:在文章中插入想展示的代码,适合技术人员发布技术贴时使用,有多种皮肤、字体可选,并可自定义字号、边距、行距等细节,还有功能强大的代码工具栏 —— 可快捷复制代码,后台编辑器TinyMCE中有专属按钮...主要作用:能够自动识别访客是否是手机移动浏览器,从而调用手机专用的模版显示网页,支持评论、添加文章,管理后台等。

2.8K21
领券