在所有浏览器中支持各种字体的任何可能方式?

时间:2014-11-16 14:27:11

标签: html css fonts

我是HTML的初学者。

在浏览器中不支持所有类型的字体。像旧版本的mozila不支持某种字体。各种浏览器支持哪些字体。

我知道在这种情况下使用font-family。例如,我使用的字体系列是:

{
    font-family:cambria,Helvetica,monospace;
} 

我创建了页面,视觉效果在我的浏览器中完成。在我的浏览器支持中,第一个字体是cambria。也许我在另一个支持Helvetica字体的系统中显示该页面。

我的问题是我设计cambria字体的页面,例如font-size , line-height and etc 但在其他系统中它会改变Helvetica字体系列,所以我没有得到我所期望的。

我如何管理这类问题以及各类浏览器支持的字体还包括非常旧版本的浏览器。?

2 个答案:

答案 0 :(得分:1)

@ font-face CSS会为你带来字体Google Fonts



@font-face {
     font-family: TheFontName;
     src: url(www.googletheFont.woff);
 }




答案 1 :(得分:0)

使用适用于所有浏览器/操作系统的通用字体,如打开sans等。 或者更好地使用webfonts,font-face,google fonts,adobe typekit等自定义字体等解决方案