在CSS中显示@ font-face的替代字体

Question

使用@ font-face作为

在CSS中引入新字体

@font-face{
font-family:'myCustom';
font-style:normal;
font-weight:400;
src:local('myCustom'),
local('myCustom-Regular'),
url('myCustom.woff') format('woff')
}

并将字体定义为

font-family: myCustom, Tahoma, Verdana, cursive;

但是，我有两个问题：

1. 在下载我的自定义字体之前，它不会显示第二个（替代字体），文本将为空白。

2. 如果访问者浏览器因任何原因未下载我的自定义字体，则不会显示任何文字。

如何在我的自定义字体可用之前显示备用字体？

Answer 1

我期望发生的是，将使用font-family列表中列出的第一个可用安装字体。如果没有发生这种情况，请发布一个URL进行检查。

但您可能希望考虑使用的字体系列列表。可能性如果Tahoma和Verdana可以接受，则cursive不会;在这种情况下，普通的通用后备字体为sans-serif。