使用CSS与谷歌字体-所有格式？
我使用谷歌的字体：罗博托
当我下载zip文件(为了本地使用它)时，我得到了这个zip文件：
但是为了使用这种字体http://css-tricks.com/snippets/css/using-font-face/，我需要这样的格式：
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}但是正如你所看到的-我没有eot，woff，svg格式。
有在线工具，但它们产生不同的结果。
问题：
如何/在哪里可以获得最受信任的/官方格式的谷歌字体？
回答 6
Stack Overflow用户
发布于 2014-04-22 21:12:47
选项一：http://everythingfonts.com/font-face -使用这个上传您的文件，它将转换为跨浏览器@字体。
备选案文二：
第一步-> https://www.google.com/fonts/specimen/Roboto
第二步->打开谷歌字体的机器人(右上角链接)
第三步->选择您想要为您的身体调用字体的方式(按照步骤)- Standard - @import - Javascript
Stack Overflow用户
发布于 2014-04-18 07:18:59
就在三天前我也遇到了同样的问题。我就这样解决了：
FF 3.6+，Chrome 5.0+，Safari 5.1+，IE 9+都支持WOFF，所以你的现代浏览器都被覆盖了。如caniuse.com所示
至于较旧的浏览器(< IE9)，您只需要eot文件。您可以通过在浏览器中打开google字体css文件来获得它，在该浏览器中您可以更改用户代理。例如，如果将useragent更改为ie 7，样式表将包含指向eot文件的链接。
例如，如果您在chrome：Roboto Google字体css文件中使用useragent ie 7打开此链接
它将输出以下内容：
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(http://themes.googleusercontent.com/static/fonts/roboto/v10/5YB-ifwqHP20Yn46l_BDhA.eot);
src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/5YB-ifwqHP20Yn46l_BDhA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}因此，只需从src：BDhA.eot获取eot文件url即可。
Stack Overflow用户
发布于 2014-04-22 07:04:18
Goto http://www.fontsquirrel.com/tools/webfont-generator
上传你的字体文件(.ttf)>选择专家>点击协议>下载你的工具包。
这将创建所有格式的上传文件，字体脸CSS作为一个.zip文件。只需提取并使用字体/CSS到您的。
https://stackoverflow.com/questions/22929844
复制相似问题
腾讯云开发者
