如何将Google字体的.ttf文件转换为其他文件类型以支持所有浏览器

Question

我将使用“Open Sans”字体。我从Google字体目录中下载了该字体包，但它仅包含ttf格式文件。我希望所有文件格式（EOT、SVG、WOFF）都能支持所有浏览器。如何做到这一点。

我要使用“Open Sans”字体，它来自于Google字体目录。然而，我只下载到了ttf格式的字体文件。请问应该如何使所有浏览器支持该字体的所有文件格式（EOT, SVG, WOFF）？谢谢！

- Kavitha Velayutham

Answer 1

我经常使用这些网站：
第一个链接
第二个链接
第三个链接

- Dima Lutsik

Answer 2

您可以使用微软Web Embedding Fonts Tool (WEFT)。它可以帮助您创建EOT对象。

至于Open Sans字体，您可以返回Google Fonts网站并获取嵌入到您的网站中的链接。

1. 在旧版Google Font网站（google.com/font）中，找到字体并点击“快速使用”按钮。有一个“将此代码添加到您的网站”部分。
2. 在新版Google Font网站（fonts.google.com）中，输入字体名称并按Enter键。在列表中找到字体并将鼠标悬停在其上。选择您想要的样式（常规、粗体等）。单击字体示例右上角的加号链接。对于其他样式，请重复此步骤。单击屏幕底部出现的弹出窗口。

它给了我这个代码：

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic' rel='stylesheet' type='text/css'>

- user5239829

---

只需在浏览器窗口中打开我给你的链接（https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic），您将在那里找到下载URL。您需要进行一些复制和粘贴，但我想这并不难。 - user5239829

Answer 3

谷歌不提供其他格式，但您也无需自行转换。 您可以在http://localfont.com/上下载包括X-Browser-CSS在内的所有字体格式。

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot');
  src: url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2') format('woff2'),
       url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'),
       url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf') format('truetype'),
       url('http://fonts.gstatic.com/l/font?kit=cJZKeOuBrn4kERxqtaUH3Zbd9NUM7myrQQz30yPaGQ4&skey=62c1cbfccc78b4b2&v=v13#OpenSans') format('svg');
}

- udondan