Question

是否有任何方法可以使用未安装在用户系统中的字体。直到现在我知道以这种方式应用字体样式

.my-style{
    font-family:Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif;
}

如果第一个字体在用户系统中不可用，则它会回退使用第二种字体类型。

但我发现Google在Google+

中使用了这种字体样式

body{
font: normal 13px Roboto,arial,sans-serif;
}

我的电脑中没有安装Roboto字体。尽管如此，Roboto字体仍用于Google+。我尝试在示例页面上使用相同的字体样式，但它不起作用。

Answer 1

这叫做@ font-face。

http://www.google.com/fonts/是一个很好的资源/工具。

简而言之，您在CSS中添加了一个字体链接，用户下载并在网站上使用它们。

之后他们无法访问它们，它们仅用于绘制您的网站。

Answer 2

您可以使用Webfonts。 Google自己拥有一系列精美的Webfonts ......

查看使用 Google Webfont

的精彩示例

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>

查看这个显示2个Google WebFonts工作的小提琴。 Tangerine＆amp;的Roboto

<强> Working Fiddle

有没有办法将字体推入用户系统

2 个答案: