css - 如果要在CSS中定义自定义外部字体，是否需要为每个使用它的类声明src？

如果我使用的是外部加载的字体（例如“ MyFont”），并且要在多个类中使用，我是否需要这样做：

.one { font-family: MyFont; src: url( "fonts/MyFont.ttf" ); }
.two { font-family: MyFont; src: url( "fonts/MyFont.ttf" ); }

还是我可以这样做？

.one { font-family: MyFont; src: url( "fonts/MyFont.ttf" ); }
.two { font-family: MyFont; }

最佳答案

不，请查看这篇文章：The New Bulletproof @Font-Face Syntax

在CSS文件的开头添加以下内容：

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('myfont-webfont.woff') format('woff'),
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

使用此示例代码运行，其余的CSS应该类似于：

.one { font-family: MyFontFamily }
.two { font-family: MyFontFamily }

关于css - 如果要在CSS中定义自定义外部字体，是否需要为每个使用它的类声明src？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8736172/