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

Question

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

Answer 1

我总是使用这些网站
第一个
第二个
第三个

Answer 2

Google不提供其他格式，但您也不需要自己转换它们。您可以在以下网址下载包括X-Browser-CSS在内的所有字体格式：http://localfont.com/

@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');
}

Answer 3

您可以使用Microsoft Web嵌入字体工具（WEFT）。它可以帮助您创建EOT对象。

至于Open Sans，你可以回到谷歌字体网站，获取一个链接，将其嵌入你的网站。

1. 在旧的谷歌字体网站（Google.com/Font）中，找到字体并按下"快速使用"按钮。有一个"将此代码添加到您的网站"部分
2. 在较新的谷歌字体网站（fonts.Google.com）中，在搜索框中键入字体名称，然后按Enter键。在列表中找到字体并将鼠标悬停在上面。选择所需的样式。（常规、粗体等）单击字体样本右上角的加号链接。对所需的其他样式重复此步骤。单击屏幕底部出现的弹出窗口

它给了我这个代码：

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