Question

我是@ font-face渲染字体的新手。我在我的设计中使用Gill Sans字体系列。我做了研究，了解它是否适合我，但我无法理解如何使用它。我使用的字体类型没有.eot和.woff字体类型。我可以在我的字体文件夹中看到gill sans字体真实字体。

我想看看是否有人可以帮助了解它的工作原理并让我轻松使用它。我无法理解以下代码中发生的情况。

@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 */
    }

谢谢，

Answer 1

不幸的是，不同的浏览器需要不同格式的字体。您可以在此处生成.ttf文件中的其他格式：

http://www.fontsquirrel.com/tools/webfont-generator

然后，您可以使用您定义的名称（MyWebFont）在CSS中使用您的字体。

body {
    font-family: MyWebFont;
}

Gill Sans使用@ font-face进行字体系列渲染

1 个答案: