1

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

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

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

但我观察到谷歌在Google+

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

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

4

2 回答 2

1

这称为@font-face。

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

简而言之，您在 CSS 中包含一个指向字体的链接，用户下载并在网站上使用它们。

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

于 2013-08-11T17:21:57.743 回答
0

您可以使用网络字体。谷歌自己有一个很棒的 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 的工作原理。橘子和机器人

工作小提琴

于 2013-08-11T17:21:29.830 回答