html - 在移动平台/浏览器上覆盖 Verdana 字体

Question

为我的主网​​站制作移动网站。我的所有代码都应经过 W3C 验证。我使用 Verdana 作为字体，任何人都知道 MAC/Iphone/Ipad 没有这种字体。所以我想如果我只是覆盖字体怎么办。但是如果:一:代码会是W3C吗？答:是的。二:它适用于所有移动平台/浏览器吗？回答:IDK 你告诉我，这个世界上的新人。

这是我要使用的 CSS 代码:

@font-face
{
font-family: jsverdana;
src             :url('fonts/verdana.ttf')
                ,url('fonts/verdana.eot'); /* IE9 */
}

body{
    background-color    :#FFFFFF;
    background-image    :url('/media/common/newbgtest.gif');
    font-family         :jsverdana,helvetica, sans-serif;
    margin              :0;
    padding             :0;
    min-width           :600px;
}

是的，我确实转换了字体“Verdana”，这在 Iphone 4 和 Ipad 1 上进行了测试。

Answer 1

不同的设备需要不同的字体格式，因此如果您使用可下载的字体(网络字体)，您应该使用像 FontSquirrel 这样的服务来生成所有这些格式(以及使用它们的 CSS 代码)。

另一方面，Microsoft 拥有 Verdana 的版权，因此您需要获得他们的许可才能将其用作可下载字体(甚至将其转换为其他格式)。

更现实的方法是尝试找到合适的免费字体，也许是 Google Web Fonts 上相当不错的 sans-serif 字体。或者让每个没有 Verdana 的设备使用自己的无衬线字体(当您设置 font-family: Verdana, sans-serif 时会发生这种情况)。