相关疑难解决方法(0)

我正在使用Font-Awesome,但是在未加载字体文件时,图标显示为.

所以,我希望这些图标display:none不会加载文件.

@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

我怎么知道这些文件已经加载,我终于能够显示图标了？

编辑: 我没有在页面加载(onload)时说话,因为字体可以在整个页面之前加载.

我有这样的CSS声明:

font-family: font1, font2, font3;

其中font1是一个嵌入式的eot/ttf字体,但问题是这个字体比其他字体小,所以我希望这个字体(font1)有不同的字体大小(1.8em).所有其他字体(font2,font3)保持不变.

问题是,我无法验证用户的浏览器是否使用font1,font2或font3.是否有任何css声明允许不同的家庭使用不同的字体大小？

谢谢.