Question

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

Answer 1

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

Answer 2

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

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

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

CSS Helvetica Neue无法正常工作

2 个答案: