@ font-face在iOS和Android中不起作用

Question

对于我当前的一个Web项目，我使用的是 Candara 字体，这是我在样式表中引用它的方式：

@font-face {
font-family: "Candara",sans-serif;
    src: url("../fonts/Candara_gdi.otf"); format('otf'),
         url("../fonts/Candara_gdi.woff"); format('woff'),
         url("../fonts/Candara.woff2"); format('woff2'),
         url("../fonts/Candara_gdi.eot"); format('eot'),
         url("../fonts/Candara_gdi.ttf"); format('truetype'),
         url("../fonts/Candara_gdi.svg#Candara-Regular"); format('svg');
font-style: normal;
font-weight: normal;
}

在移动设备上测试网站后，我注意到 Candara 没有显示（移动设备呈现后备字体，在这种情况下是'sans-serif'）。另一方面，所有其他桌面浏览器上的这种字体都没有问题，包括臭名昭着的IE家族和Mozilla。 我想提一下，当我想生成一个webfont软件包here时，有一条警告称微软已将此字体列入黑名单（请参阅警告的屏幕截图）：

因此，我必须使用其他一些在线解决方案“手动”转换此字体。关于这个问题的任何想法以及如何解决它？

Answer 1

您需要在url声明后删除分号。分号结束scale(value), x,y,的声明。

src