在移动平台/浏览器上覆盖字体 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 中相当不错的无衬线字体。或者也许只是让每个没有 Verdana 的设备使用自己的无衬线字体（当你设置 font-family: Verdana, sans-serif 时会发生这种情况）。