0

我正在尝试使用 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

4

2 回答 2

5

您的@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'

于 2012-10-22T14:42:43.850 回答
4

您需要将字体上传到您的网站并声明字体

@font-face
{
font-family: 'Helvetica Neue';
src: url('HelveticaNeue.ttf'),
     url('HelveticaNeue.eot'); /* IE9 */
}

只有这样你才能在你的网页上使用它。

于 2012-10-22T14:39:07.017 回答