Question

为我的主网站制作移动网站。我的所有代码都应经过W3C验证。我使用Verdana作为字体，任何人都知道MAC / Iphone / Ipads没有那种字体。所以我想如果我只是覆盖字体会怎样。但如果：一：代码是否为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的设备使用自己的sans-serif字体（这就是设置font-family: Verdana, sans-serif时会发生的情况）。

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

1 个答案: