Question

我正在使用wordpress（创建自定义wordpress模板）开发一个网站，我在使用macOS系统上运行的浏览器上显示文本时遇到问题。这些包括Safari，Chrome，Firefox ...... 如果您有Mac，可以自己查看http://2c.ggcc.upc.edu。

取决于它们中的哪一个，结果是不同的。在Chrome上，会显示文本，但链接不起作用。如果我们看看元素检查员，这就是我们所拥有的：

在这个示例中，我选择了一个菜单元素<li>，我们可以看到文本显示在它应该的位置上方。如果我们现在看一下<a>元素，我们可以看到它没有高度，因此它无法正常工作。（你不能激活它）。

现在让我们切换到Safari。在safari上，文本甚至不显示，链接也不起作用。

在这种情况下，<a>元素也没有达到高度。

这不仅仅是链接的问题，因为一些正文文本既没有在safari上显示。

经过一番研究后，我得出的结论是我正在使用的字体问题，因为如果我们禁用将font-family设置为＆的规则，所有这些问题都会解决。＃39; DIN＆＃39 ;. 目前，我使用css将我的字体包含在网站中：

@font-face {
    font-family: DIN;
    src: url(font/DINRegular.ttf);
    font-weight: normal;
}