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

Question

我打算使用 'Open Sans' 字体。我从 google 字体目录下载了包。它只有 ttf 格式的文件。我希望所有文件格式（EOT、SVG、WOFF）都支持所有浏览器。如何做到这一点。

Answer 1

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

关于 Open Sans，您可以返回 Google 字体网站并获取 link 以将其嵌入您的网站。

在旧 Google 字体网站 (google.com/font) 中，找到字体并按 "Quick-use" 按钮。有一个 "Add this code to your website" 部分。
在较新的 Google 字体网站 (fonts.google.com) 中，在搜索框中键入字体名称，然后按 Enter 键。在列表中找到字体并将鼠标悬停在它上面。 Select你想要的风格。（常规、粗体等）单击字体示例右上角的加号 link。对您想要的其他样式重复此步骤。单击出现在屏幕底部的弹出窗口。

它给了我这个代码：

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

Answer 2

我一直使用这个网站
first
second
third

Answer 3

Google 不提供其他格式，但您也不需要自己转换它们。您可以在 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');
}

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

How do I convert Google fonts .ttf file to other file to types to support all the browsers

html

css

fonts

google-font-api