如何组合@FONT face和@MEDIA声明?

这个 CSS2 spec 像这样的建议。

1. 把你的 @font-face 在单独的CSS文件中声明,例如 fancyfonts.css .

2. 负载 FANKYFUNTS.CSS 在您的主CSS文件中,但带有媒体目标声明:

   @import url("fancyfonts.css") screen;
   

3. 在 font-family 属性。

   body {
     font-family: 'My Fancy Font', serif;
   }
   

不加载的媒体 繁体字.css 将返回到您指定的其他字体——在本例中, serif .

我可以将@FONT face声明放在@MEDIA块中吗?还是两者都必须是顶级的?

这似乎是未指明的当前工作草案的 CSS3 Fonts 模块。然而, CSS Validator 拒绝媒体内的字体,所以最好避免。