Css @Firefox/Mac中的字体问题&；iPad

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

首先，让我在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中使用（示例：标题上）

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

---

其他一切都很好，希望能有所了解。

您已声明在css中为

使用名为“Journal”的字体。custom.headline\u区域h2 a

位于

custom.css

，而在上述代码示例中，您正在为Gotham家族（顺便说一句，该家族目前没有web许可证）打电话。日志在Firefox/Mac和iPad/Safari中都正确加载。链接在这两种情况下都起作用

更新：字体加载在所有提到的情况下都很好，但是链接不起作用。这是因为

a

是一个内联元素。另外，为标题

a

声明一个高度也是一个坏主意。只需使用以下规则：

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

这些链接将起作用

---

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

是的，我正在测试另一种自定义字体，以确定这是否是问题所在。我把它放回去，再次检查？在我提到的所有测试场景中仍然有效。更正：字体显示良好，链接不起作用。但说真的，你有网站许可证在你的网站上使用Gotham作为嵌入式网页字体吗？目前，H&F公司还没有一个可供选择的产品。有了现有的非网络许可证，你需要为50个访问者支付1299.25美元。。。