CSS Helvetica Neue 不工作

标签 css font-face

我正在尝试使用 Helvetica Neue 作为我网站各处的字体,所以我像这样应用到正文上

body {
    background-image: url("http://inauguralseason.com/wp-content/themes/twentyeleven/images/background.jpg");
    font-family: "Helvetica Neue" !important;
}

但我的字体没有出现,它曾在某一时刻工作,但现在在 Firefox、Chrome、Safari 或 IE 中无法工作

你可以看到我在说什么

http://inauguralseason.com/

如有任何帮助,我们将不胜感激

谢谢, J

最佳答案

您的@font-face 似乎有名为“helvetica_neueregular”的字体系列,我没有看到为您的导航设置的字体,但如果您添加“helvetica_neueregular”,它会在其他任何地方加载字体。至于浏览器一致性,在 Chrome 开发工具中,您似乎缺少一些字体浏览器类型来提供完整的浏览器支持。

http://inauguralseason.com/wp-content/themes/twentyeleven/style.css

@font-face {
font-family: 'helvetica_neueregular';
src: url('helveticaneue-medium-webfont.eot');
src: url('helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
     url('helveticaneue-medium-webfont.woff') format('woff'),
     url('helveticaneue-medium-webfont.ttf') format('truetype'),
     url('helveticaneue-medium-webfont.svg#helvetica_neueregular') format('svg');
font-weight: normal;
font-style: normal;
}

编辑:这是在加载中号字体,但它调用了常规字体,只是更改为“helvetica_neuemedium”

关于CSS Helvetica Neue 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13013616/

相关文章:

css - Google Web 字体在 Konqueror 上看起来不正确 - 粗体∧斜体

jquery - Bootstrap carousel-fade 不再与 maxcdn 3.3.bootstrap.min.css 一起使用

javascript - 如何使图像的一部分不可拖动?

css - 有什么办法可以在 2019 年使用纯 CSS 删除 IE11 中的滚动条箭头? (没有JavaScript)

android - @font-face 在 Android 浏览器中不工作

html - CSS3 中的@font-face 不工作

html - Safari 不渲染 css 渐变文本

html - 你如何使 css-transformation 看起来像 3d?

html - 现代浏览器还需要 svg 定义文件来实现 font-awesome 吗?

css - 在@font-face 中使用笑脸 (☺) 是否仍然相关?