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

oss加cdn加速Wordpress字体图标错误

在这个问题中,我们需要解决的问题是在使用 OSS(对象存储服务)加速 CDN(内容分发网络)加速 WordPress 网站时,字体图标出现错误。

首先,我们需要了解 OSS 和 CDN 的基本概念。OSS 是一种存储服务,它提供了可靠、安全、高效、低成本的存储服务,可以存储各种类型的数据,包括图片、视频、音频、文档等。CDN 是一种网络服务,它通过在全球范围内部署的服务器节点,将网站的静态资源缓存在这些节点上,以加速网站的访问速度和提高网站的可用性。

在使用 OSS 和 CDN 加速 WordPress 网站时,可能会遇到字体图标加载错误的问题。这是因为 OSS 和 CDN 默认情况下不支持字体文件的跨域访问。为了解决这个问题,我们可以使用以下方法:

  1. 在 OSS 中设置 CORS(跨域资源共享)策略,允许 CDN 节点访问字体文件。
  2. 在 CDN 中设置自定义错误页面,当请求字体文件失败时,返回一个空白图片或其他占位符,以避免字体图标加载错误。
  3. 使用第三方插件,例如 WP Fastest Cache 或 W3 Total Cache,来缓存字体文件,以加速字体图标的加载速度。

推荐的腾讯云相关产品和产品介绍链接地址:

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

相关·内容

腾讯云cdnwordpress博客加速解决腾讯云564错误

WordPress博客的加速可以说是老生常谈了,在这里我分享一下我博客的分享技术。 我采用的加速技术主要是wordpress的缓存插件,动静分离和腾讯云CDN。...本篇文章主要是想分享一下腾讯云CDN的配置,重点是wordpress防盗链,缓存配置,回源配置。顺便说一下腾讯云CDN经常会造成wordpress后台564错误的原因。....woff2;.otf;.ot;.svg;.ttf;.woff是wordpress主题的字体文件,也应该缓存。 也可以根据需要缓存html和首页。...4.回源配置及564错误解决 对wordpress启用腾讯云CDN会造成许多后台HTTP 564错误,上网搜索发现,好多网友说中间源配置,Range回源,回源跟随301会造成这个问题,经过我个人的体验和发工单请教腾讯云工程师...以上就是我本人对wordpress加速的经验,里面可能有一些不对或者不通用的地方,还望大家批评指正。也欢迎大家有什么好的加速技巧共同分享。

19.1K90

WordPress全局字体修改详细教程

前言 有很多时候,Wordpress字体不能让我们满意,这个时候我们就可以通过一些方法来修改主题的默认字体,来达到我们想要的效果。...上传至 Github 使用免费的 jsDelivr CDN 加速 jsDelivr 如何如何好用这边就不多说了,Github 怎么使用这边也不多说了,大体方法就是将你的字体文件上传至 Github 自己的仓库中...下面以阿里云 OSS 和又拍云云存储为例进行演示。 首先,将你先前准备好的四种格式的字体文件上传至你的云存储中,云储存需设置为公有读权限。...如果你的服务器带宽足够大,或者开了什么加速的话,将字体文件放在网站服务器上绝对是没什么问题的,但没有的话还是建议使用一个云存储来帮助你的网站加载那庞大的字体库。 P.S....有个程序叫字蛛,可以缩小网站字体体积,不过我试了一下没有成功,大家也可以照这个方向去研究研究。 字蛛只支持静态 html 压缩字体体积,所以 WordPress 无法直接使用。 本文来自:夜半观星

4.9K31

盘点2020年wordpress常用的50个插件合集-吐血推荐

提高读者保留率并降低跳出率 8、Disable Google Fonts 选择禁用Google字体,停用Google字体,禁用WordPress核心使用的Google字体排队,默认主题,Gutenberg...19、OSS Upload 选择OSS上传,使用阿里云OSS作为媒体库附件存储空间,支持原始增强的OSS协议包装和全原生图像编辑及衍生功能。...23、Redirection 选择重定向,管理您所有的301重定向并监控404错误 24、Robots.txt编辑器 选择Robots.txt编辑器,WordPress的Robots.txt 25、Simple...将浏览器,页面,对象和数据库缓存以及最小化和内容交付网络(CDN)添加到WordPress。...43、WPJAM 七牛镜像存储 使用七牛云存储实现WordPress博客静态文件CDN加速!“安装本插件1.4.5及更高版本,请先安装并激活WPJAM BASIC插件。

5.4K10

WordPress使用Cloudflare cf CDN为网站加速

关于WordPress加速这个老生常谈的问题,其实钻芒早已不怎么关注,因为自从换了独立服务器然后经过一些基础优化,速度已经不那么缓慢了。也就没有继续折腾(深究)速度这个问题。...当前速度已经足够 钻芒博主前前后后折腾过 阿里云CDN、腾讯云CDN、有拍云CDN、七牛云融合CDN、百度云加速等国内多家厂商的分发服务,但在WordPress上却总是不可避免的出现问题,比如css、js...不加载,后台图标缺失、后台反应缓慢等等。...最后遂放弃CDN 虽然博客没有使用CDN,但是网站内容基本上动静分离,这些静态内容,例如:几乎所有图片、视频等耗费带宽的大文件都放在别的地方,并且使用了阿里云oss、又拍云CDN,最后套上一层360奇安信...加速变成CDN减速。

8K20

WordPress 使用火山引擎 veImageX 进行静态资源 CDN 加速完全指南

通过该功能,可以轻松让 WordPress 对静态资源进行 CDN 加速,为了方便大家的使用,我整理一个非常长的完全指南,基本上覆盖了 WordPress 使用火山引擎 veImageX 进行静态资源...并且使用镜像回源功能实现静态资源 CDN 加速并不影响 WordPress 原来的使用体验,原来怎么上传图片还是继续在 WordPress 中怎么操作即可。 为什么不直接上传到 veImageX?...为什么网站上的小图标显示成空方格? 首先说明一下,这些小图标不是图片,而是图标字体,所以这是因为当前 WordPress 的主题是使用了字体图标,而字体由于造成的 CORS 资源跨域问题。...WPJAM Basic 对静态资源进行 CDN 加速之后,如果 CSS 里面使用了一些字体文件,字体文件也会镜像到 veImageX,这时打开浏览器的开发者中心,在控制台可能就会出现下面的错误信息:No...知道什么问题就知道怎么去解决了,最简单的就是不要镜像 CSS 文件,这样就不会镜像字体文件,就不会有跨域的问题,如果还是希望静态文件都呢个 CDN 加速,那么只需设置一下字体文件允许跨域访问。

2.7K40

WordPress 5.8 将内置 WebP 图片格式支持

WordPress 5.8 支持上传 WebP 图片 WordPress 从 5.8 版本开始,就可以像上传 JPEG 或者 PNG 图片一样,在 WordPress 直接上传 WebP 图片。...WebP 图片不支持调整大小,如果你的服务器不支持这些类库或者组件的话,在上传的时候会看到相应的错误。...在 WordPress 使用 WebP 图片更好的方式 WPJAM Basic 在5.2版本的时候就针对阿里云 OSS,新增了将图片转换成 WebP 格式的功能,所以其实现在如果你的网站开启了 CDN...加速,并且选用了阿里云 OSS 和 腾讯云 COS 的话,其实已经支持 WebP 图片了。...所以如果你的网站图片 CDN 流量很大的话,建议尽快开启 WebP 的支持,这个真的是省钱的好东西,经过我的测试,CDN 的流量直接减半了,相应的费用也直接减半:

53920

WordPress 博客使用腾讯云对象存储 COS 进行静态资源 CDN 加速

开始之前,请先详细阅读 WPJAM Basic 插件的 CDN 加速功能的介绍文章,对 CDN 有个大概的了解。 1....设置好「回源设置」之后,返回点击「域名和传输管理」选择「自定义 CDN 加速域名」,如果未开通 CDN 服务,按照提示到「CDN控制台」开通之后,点击添加域名 5....这样在腾讯云的设置就完成,回到 WordPress 博客,你首先要安装好 WPJAM Basic 插件,然后在 WordPress 后台点击菜单 「WPJAM」> 「CDN 加速」: 云存储:选择腾讯云...OSS。...这样就大功告成了,就可以在你的 WordPress 网站使用腾讯云 OSS 服务,并且使用腾讯云的 CDN 对静态资源进行加速了。 希望大家都有快速的网站,和我一样。

2.7K30

WordPress全局字体修改详细教程

前言 有很多时候,Wordpress字体不能让我们满意,这个时候我们就可以通过一些方法来修改主题的默认字体,来达到我们想要的效果。...上传至 Github 使用免费的 jsDelivr CDN 加速 jsDelivr 如何如何好用这边就不多说了,Github 怎么使用这边也不多说了,大体方法就是将你的字体文件上传至 Github 自己的仓库中...,然后使用 jsDelivr 提供的加速服务来调用,方便好用还不要钱。...附上几个字体的调用链接(托管于 Github,使用 jsDelivr 加速服务) AdobeCleanHanSC @font-face {font-family: 'AdobeCleanHanSC';src...然后进入基础设置 -> 防盗链,将你的域名添加进去,允许空 Refer,记得 http (s)://,如下图所示。

1.4K20

wordpress网站打开速度慢要怎么解决?

文章来源:https://zouaw.com/ 1、禁用谷歌字体 国外主题的通病就是因为有常常有谷歌字体谷歌地图Youtub等国外的资源导致网站加载异常缓慢或者卡顿根本无法正常完成加载的情况时有发生,因此禁用谷歌字体的不必要的境外链接非常的重要...,尤其是国内用户访问的情况下,务必清除掉这些无用的慢链接,具体问题要具体分析,网上有些禁用谷歌字体的方法和插件可以试试,wordpress建站吧。...3、内容分发网络CDN加速 CDN加速的好处很多,比如加快网站的访问,隐藏网站服务器的IP地址,提高服务器的安全性减少被攻击的可能。...对于服务器带宽很有限的情况下,这种加速方式还是很有效果的,一如服务器带宽1Mbps,单位转换后速度其实仅仅只有128kb/s的速度,会严重限制页面的加载和访问速度的,所以建议这个时候安装配置CDN效果会非常明显...5、删除没用的插件和更新正在使用的插件 删除你的wordpress后台不再使用的插件,并从服务器上删除它们,这样会明显加速 WordPress 速度,因为 WordPress 运行的时候会检查每个插件是否被启用

5.5K30

网站“动静分离”分析及实战

OSS,同时OSS作为CDN的源站,通过CDN加速分发,用户通过CDN节点就近获得文件。...第二步: 进入到OSS控制台,点击“CDN加速OSS”。 选择新建Bucket。...第四步: 按照前三步的示意,把其他两个文件也通过“CDN加速OSS”的方式上传,分别建立“acar-js-bucket”和"acar-csimages-bucket"两个使用CDN加速的OSSbucket...注意事项  OSS是以Bucket为单位设置CDN加速,您最好为每个Bucket指定一个二级域名,方便管理;  您可以通过OSS一键加速配置,静态文件的OSSCDN的相关配置;  用户第一次访问静态资源...您可以在更新资源后,通过刷新的方式,让CDN主动回源,让用户访问时不再等待。 wordpress等程序已开发出插件,不需要手动上传插件,方便使用。 具体插件请百度一下

4.3K30

这些WordPress加速技巧你一定要知道

WordPress网站慢,网站越来越卡首先需要排查各种慢的原因,因为原因不同解决的方法不同。今天盘点WordPress网站加速和优化提速的一些方法。...,解决办法一般有屏蔽谷歌字体的加载。...优化修改网页代码,不使用国外资源网页字体WordPress建站吧原创。 ?...四、使用CDN缓存加速 CDN加速简单来说就是把你要请求的资源搬到你家附近的仓库中存放着,当你要访问比如某个图片资源的时候就是直接就进去取,所以加速了访问同时也减轻了服务器的压力、同时这个在一定程度上可以突破服务器的带宽限制...,带宽太小很多人的服务器是固定带宽的,所以结果就是速度慢的主要瓶颈,WordPress建站吧原创,所以CDN加速也是比较有效的加速提速方法。

2K30

WordPress缓存插件WP Fastest Cache插件使用教程

免费版足以加速您的网站,但在高级版中还有额外的功能,例如缩小 Html、缩小CSS、启用 Gzip 压缩、利用浏览器缓存、添加过期标题等等。...谷歌字体:异步加载谷歌字体。也可尝试在本地托管字体,使用浏览器资源提示(即预连接或预加载)优化它们,使用font-display:swap,并限制字体系列、粗细和图标的数量。...如果您在启用缩小设置时未在网站上看到可见错误,则可以跳过此步骤。   如果您在缓存网站上的特定帖子或页面时遇到问题,请使用“排除”选项卡创建可能提供解决方法的排除规则。...如果您已经在使用另一个CDN,请不要遵循这些说明,因为您应该只使用1个CDN。   ...建站中加速网站响应速度有所帮助,如有问题,欢迎留言讨论。

6.4K30

解决云服务器1M带宽建站速度慢的问题 优先优化网站速度后升级配置

尤其是有些站长,喜欢将网站做的非常绚丽、动感十足,其实这个老左早年也有过,会在网站上各种特效,确实在那个时候很流行。...如果我们有用到WordPress程序的话可以参考使用"WPCOS插件实现WordPress上传图片单独存到至腾讯云COS对象存储"和"WPOSS插件实现WordPress图片分离至阿里云OSS对象存储"...第四、CDN加速并非万能 前几天有网友问到老左自己的网站速度为什么这么慢的,于是我看到他采用的是国内1M带宽的云服务器,但是其CDN加速用的是CF。...这位同学本身网站放在国内,速度应该是可以的,你偏偏加上国外节点的CDN加速,你速度肯定会比不加CDN速度慢一些。...这位同学的解释是国内的CDN加速是按照流量计费的,所以直接就用一个免费的国外的可以省钱。我直接告诉他,你不用CF不但可以省钱,而且速度还快。如果确实以后需要用的时候可以用国内商家提供的CDN加速

8.5K40

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

现在几乎所有的浏览器都能够显示 Emoji 了,所以我们完全可以禁用 WordPress 对 Emoji 的处理功能,在 WPJAM Basic 插件「优化设置」中直接关闭: 加速 Google 在线字体...WordPress 很多主题使用了 Google 字体,但是 Google 在线字体在国内的速度不是很快,甚至有时候还无法打开,这也是 WordPress 有时候在国内速度不够快的原因。...国内目前已有多家第三方 Google 字体字体加速服务,WPJAM Basic 已经内置了以下三家: 你可以根据自己的需求选择适合自己的服务,也可以自定义输入加速服务地址。...加速 Gravatar 头像服务  Gravatar 的 CDN 服务器(如 0.gravatar.com,1.gravatar.com)在国内访问困难,出现头像无法显示的问题,而 WordPress...WPJAM Basic 在「优化设置」功能中提供了以下这几家国内 Gravatar CDN 镜像替换服务: 你可以根据自己的需求选择适合自己的服务,也可以自定义输入加速服务地址。

50020

从龟速 11s 到闪电 1s,详解前端性能优化之首屏加载

这种做法 不直观,每次都得去iconfont复制名称使用 每次增删改图标需要重新替换整个JS 不能按需加载,没使用到的也会一起打包,特别是UI换图标时一般不会将旧图标删除.......举些场景 首屏字体、大图加载,CSS中引入字体需要等CSS解析后才会加载,这之前浏览器会使用默认字体,当加载后会替换为自定义字体,导致字体样式闪动,而我们使用Preload提前加载字体后这种情况就好很多了...、样式中的首屏关键资源,建议使用preload 移动端流量访问时慎用 ⚡托管至OSS + CDN加速 内容(点击展开/收起) 当应对一些弱网地区时,OSS + CDN无疑是很强力的提速手段。...传输加速,优化传输链路和协议策略实现高速传输 这里推荐直接购买阿里家的OSSOSS虽然也有传输加速服务,但对于静态热点文件的下载加速场景还是需要CDN加速 CDN,内容分发网络 CDN加速原理是把提供的域名作为源站...由于没申请到资源,项目并没有上OSS+CDN

2.4K10

WordPress网站robots.txt怎么写及要注意的地方

很多新手只知道服务器运维、建设wordpress网站内容、发外链、友链,却不知道在网站建设初期及正常上线后最重要的robots.txt文件,所以对新手来说,本文内容很重要,建议大家好好看看,这里面有魏艾斯博客自己的体会...曾经遇到网友问:阿里云oss和阿里云cdn 需要添加robots.txt吗?其实robot文件服务于网站,只存在于网站根目录,与osscdn等都没有关系。 一、robot文件怎么写?...1、如果你是新建网站,在安装完wordpress程序之后,应该立即使用上面的禁止抓取代码。...2、Avada网站因为模板中用的代码太多,建议使用开放抓取代码,以便加速搜索引擎抓取你的网站。...老魏这是用在wordpress网站中的,大家可别用错了哦。

2.7K60

加速 WordPress 站点的五个基本技巧

如果有能力的,还可以合并图标,把一些小图片合并起来,做成 CSS Sprite。 使用 CDN:假如你的服务器在北京,北京本地访问起来就会超快,但是广东地区的访问者可能会由于距离和线路问题感觉很慢。...成熟的 CDN 服务商在全国各地都会有服务器,如果你把静态文件放在上面,广东地区访问你的网站,会从广东附近的服务器上下载文件,而且 CDN 的服务器和宽带为下载做了优化,速度一般会超过你的服务器,这样就可以大大的提速了...,目前一般建议使用阿里云OSS加速静态文件。...对于普通站长,了解这些就可以了,下面来谈谈 WordPress 站点上的优化。 为 WordPress 安装缓存插件 缓存是提升速度非常重要的东西。...WordPress 上面有很多不必要的查询和用不到的功能,去掉这些可以提速。

45060

【网站优化经验】Wordpress的代码与功能简单优化

禁用谷歌字体 wordpress本身包含了大量的Google资源,比如谷歌Open sans字体,而现在谷歌被大陆GFW大规模屏蔽,严重影响了网站的访问速度。...针对这个问题,我们有两种有效的解决方案,第一,禁用谷歌字体,第二,使用谷歌字体镜像加速。 我们可以利用wordpress插件来实现禁用谷歌字体的效果。...coolwp_remove_open_sans_from_wp_core' );    打开主题functions.php模板文件,查找并删除 //fonts.lug.ustc.edu.cn/css    当然,你也可以使用中科大的Google字体加速服务...Gravater头像镜像加速 Gravater头像受到dns污染的影响,自2014年起,Gravater头像官网收到dns污染的影响,其头像url访问速度大幅度下降,很大程度拖累了wordpress博客的访问速度...我们这里可以使用Gravater的国内镜像,目前速度在国内比较理想的Gravater加速镜像: gravatar.loli.net/avatar/ cdn.v2ex.com/gravatar/ dn-qiniu-avatar.qbox.me

1.1K00

niRvana · 轻拟物主题4.8完美版

如: Gutenberg专用模块 niRvana主题除了外观的变化以外,主要还是针对WordPress5做了大量优化:由于WordPress5.0引入了“Gutenberg Block...加速 解除蜗牛般默认外网的头像服务器,评论模块随机头像 更换一套新颖3d的表情作为评论可选的表情 增加友情链接模块,也加了一些友链 在友链中增加自助申请友情链接的模块 设置FAQ机器人问答功能 进一步优化站点加速...] 3、新增图标CDN功能,支持字体图标调用CDN,以加快网站速度[主题设置->优化加速] 4、支持虚拟主机 v4.6.0 1、全面优化源码,现在更有利于SEO了!...FontAwesome Pro5.11.2 商业收费版本 包含了: 1,544个免费图标  7,345个Pro图标  v3.7.0 1、修复:”文章百度是否收录” 与 “文章底部生成微信二维码”,存在个别文章排版导致冲突的问题...v1.1.2 1、“小标题模块”内容显示错乱的问题 v1.1.1 1、文章分类页滚动图片可能不显示coverflow的问题 v1.1.0 1、文章分类禁用滚动图后,显示数据错误传入错误的问题 2、跨域CDN

8.6K10

这样优化和加速你的wordpress网站,快速提升网站的访问加载速度

这样优化和加速你的wordpress网站,快速提升访问加载速度,最近发现很多的站长对一些基础的知识懂得不多,导致自己wordpress网站非常的慢非常的卡,几乎无法正常运行了,这主要有几个方面的问题导致的...,比如插件安装太多,wordpress国外主题,wordpress主题插件被挂马,网站图片使用不规范等问题导致,今天就给大家分享一些加速网站的几个方法,来源:wordpress建站吧。...2、CDN加速cdn加速对网站本身带来的访问速度提升并不会很明显的,但是他也很多其他方面的优点,比如可以保护源站,可以在一定程度上防止恶意攻击,从而阻断攻击者。...cdn就是节点加速,简单理解就是把你要访问的资源搬到你最近的地方,当你要访问这些资源图片等内容的时候就近加载,减少网络的阻塞。 ?...3、避免使用过多的插件和主题,尤其字非必须的情况系不建议使用过我主题,因为很多的国外主题会使用远程google字体导致加载慢,有些资源也是使用的国外链接,这些都是导致加载缓慢的问题,所以尽量避免使用过多的插件和国外主题

1.5K30
领券