2

我有一些奇怪的问题需要解决。

首先，让我在我的 CSS 文件中显示我的 @font-face 声明。

@font-face {
font-family: "Conv_Gotham-Book";
src: url("fonts/Gotham-Book.eot");
src: local("☺"), 
    url("fonts/Gotham-Book.woff") format("woff"), 
    url("fonts/Gotham-Book.ttf") format("truetype"), 
    url("fonts/Gotham-Book.svg#Gotham-Book") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Conv_Gotham-Light";
src: url("fonts/Gotham-Light.eot");
src: local("☺"),
    url("fonts/Gotham-Light.woff") format("woff"), 
    url("fonts/Gotham-Light.ttf") format("truetype"), 
    url("fonts/Gotham-Light.svg#Gotham-Light") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Conv_Gotham-Medium";
src: url("fonts/Gotham-Medium.eot");
src: local("☺"), 
    url("fonts/Gotham-Medium.woff") format("woff"), 
    url("fonts/Gotham-Medium.ttf") format("truetype"), 
    url("fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Conv_Gotham-Bold";
src: url("fonts/Gotham-Bold.eot") format("eot");
src: local("☺"),
    url("fonts/Gotham-Bold.woff") format("woff"), 
    url("fonts/Gotham-Bold.ttf") format("truetype"), 
    url("fonts/Gotham-Bold.svg#GothamBold") format("svg");
font-weight: normal;
font-style: normal;
}

问题：使用任何这些自定义字体的超链接仅在一个浏览器/平台组合 Firefox 13.0.1/Mac 中不起作用（例如：http://lonely-dev.com/leapfrogbeta/?page_id=896在标题上， )

第二个问题：字体在 iPad2/Safari 浏览器上消失。

其他一切都很好，希望有一些见解。

4

1 回答 1

2

您已声明在您的 css 中使用名为“Journal”的字体.custom .headline_area h2 a，custom.css而在上面的代码示例中，您正在调用 Gotham Family（顺便说一句，目前没有网络许可证）。日记在 Firefox/Mac 和 iPad/Safari 中都正确加载。链接在两者中都有效。

更新：字体在所有提到的情况下都可以正常加载，但链接不起作用。这是因为a它是一个内联元素。此外，声明标题的高度a是一个坏主意。只需使用此规则：

.custom .headline_area h2 a {
  display: block;
}

并且链接将起作用。

另一件事是您应该在 h1、h2 等上声明标题字体，而不仅仅是在它们包含的链接上。

于 2012-06-20T18:15:08.380 回答