Question

字体在我的本地计算机上完美运行，当我在本地计算机上查看暂存站点时，但是在手机或其他计算机上查看时，字体无法正确加载。

@font-face {
    font-family: '../fonts/LubalinGraphStd-Demi';
    src:    url('../fonts/LubalinGraphStd-Demi.eot');
    src:    url('../fonts/LubalinGraphStd-Demi.eot?#iefix') format('embedded-opentype'),
            url('../fonts/LubalinGraphStd-Demi.svg#LubalinGraphStd-Demi') format('svg'),
            url('../fonts/LubalinGraphStd-Demi.ttf') format('truetype'),
            url('../fonts/LubalinGraphStd-Demi.woff') format('woff'),
            url('../fonts/LubalinGraphStd-Demi.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

在此登台链接：http://tpo.tmwlsh.co.uk 用户名：tpo，密码：tpo。

Answer 1

您的font-family的{{1}}名称似乎可疑：

@font-face

看起来像您在这里意外使用了文件名，而不是普通名称。您正在元素中应用font-family: '../fonts/LubalinGraphStd-Demi';，因此，如果将其更改为：

font-family: LubalinGraphStd-Demi

应该固定。

换句话说，您在那里使用了一些古老的字体格式。您确定需要支持古老的第一代iPad或iOS3或IE8及更高版本的iPhone吗？

Font-Face在本地工作，但不在登台服务器上工作

1 个答案: