css - 为什么我在本地托管的 Google 字体不起作用?
问题描述
我想在本地托管我的 Google 字体。我从 Google Webfonts Helper 下载了文件并上传到 public_html/fonts。我将给定的代码添加到主题的 style.css 中(见下文)。
然后我在 Clearfy 插件中打开了“禁用 Google 字体”,它实际上删除了 GTmetrix 上的 gstatic 和 googleapis 请求。但是,我的本地字体不显示。
清除缓存和服务器缓存无济于事。我在浏览器中检查了字体位置的 URL,它下载了字体,所以我认为路径是正确的。
问题可能出在哪里?
@font-face {
font-family: 'Comfortaa';
font-style: normal;
font-weight: 300;
src: url('https://myurl.com/fonts/comfortaa-v28-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://myurl.com/fonts/comfortaa-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://myurl.com/fonts/comfortaa-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('https://myurl.com/fonts/comfortaa-v28-latin-300.woff') format('woff'), /* Modern Browsers */
url('https://myurl.com/fonts/comfortaa-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://myurl.com/fonts/comfortaa-v28-latin-300.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* comfortaa-regular - latin */
@font-face {
font-family: 'Comfortaa';
font-style: normal;
font-weight: 400;
src: url('https://myurl.com/fonts/comfortaa-v28-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://myurl.com/fonts/comfortaa-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://myurl.com/fonts/comfortaa-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('https://myurl.com/fonts/comfortaa-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
url('https://myurl.com/fonts/comfortaa-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://myurl.com/fonts/comfortaa-v28-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* comfortaa-700 - latin */
@font-face {
font-family: 'Comfortaa';
font-style: normal;
font-weight: 700;
src: url('https://myurl.com/fonts/comfortaa-v28-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://myurl.com/fonts/comfortaa-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://myurl.com/fonts/comfortaa-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('https://myurl.com/fonts/comfortaa-v28-latin-700.woff') format('woff'), /* Modern Browsers */
url('https://myurl.com/fonts/comfortaa-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://myurl.com/fonts/comfortaa-v28-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
body{ font-family:"Comfortaa",sans-serif; }
解决方案
推荐阅读
- bash - 使用 $(...) 获取子命令的错误代码
- javascript - qz-tray.js 原始打印。从打印机队列中取消打印作业
- jpeg - 使用采样因子将柯达 PNG 图像转换为 JP2
- jwt - 无法使用应用令牌对 api.github.com 进行身份验证
- linux - 需要 Jenkins 管道建议
- javascript - Uncaught (in promise) TypeError: Cannot read property 'filter' of undefined in Javascript
- parsing - ANTLR:如何优先考虑解析器规则替代
- zooming - 缩放(开放层)
- java - apache camel-kafka bridgeErrorHandler 不工作
- python - 如果我像人类一样行事(Selenium、Python),网站可以检测到网络抓取吗?