gpt4 book ai didi

css - Chrome 不显示谷歌网络字体

转载 作者:行者123 更新时间:2023-11-28 15:30:00 24 4
gpt4 key购买 nike

我最初是从谷歌加载我的字体,但后来决定在本地托管它们,但仍然没有成功。这是我的字体的 CSS 样子

@font-face {
font-family: 'open_sans_condensedbold';
src: url('/campfiles/c9/fonts/opensans-condbold-webfont.eot');
src: url('/campfiles/c9/fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
url('/campfiles/c9/fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg'),
url('/campfiles/c9/fonts/opensans-condbold-webfont.woff') format('woff'),
url('/campfiles/c9/fonts/opensans-condbold-webfont.ttf') format('truetype'),
url('/campfiles/c9/fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'materegular';
src: url('/campfiles/c9/fonts/mate-regular-webfont.eot');
src: url('/campfiles/c9/fonts/mate-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/campfiles/c9/fonts/mate-regular-webfont.woff') format('woff'),
url('/campfiles/c9/fonts/mate-regular-webfont.ttf') format('truetype'),
url('/campfiles/c9/fonts/mate-regular-webfont.svg#materegular') format('svg');
font-weight: normal;
font-style: normal;

}

当我加载我的页面时,文本根本没有出现。奇怪的是,如果我右键单击 -> 检查元素,文本就会出现。很奇怪。我读到这是一个已在 Chrome v.33 中修复的 chrome 问题,但我已更新。非常感谢任何帮助。

最佳答案

据我所知,它还没有被修复。查看this question ,接受的答案应该有所帮助(也复制在这里):

显然这是一个已知的 Chrome 错误。有一个纯 css 的解决方法应该可以解决这个问题(更改 p 选择器以选择您在网站上使用的任何文本元素):

body {
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
from { opacity: 1; }
to { opacity: 1; }
}

似乎只需要告诉 Chrome 重绘文本

关于css - Chrome 不显示谷歌网络字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22075492/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com