我正在使用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;
}
Run Code Online (Sandbox Code Playgroud)
我怎么知道这些文件已经加载,我终于能够显示图标了?
编辑: 我没有在页面加载(onload)时说话,因为字体可以在整个页面之前加载.
Google的Web Fonts API提供了一种定义回调函数的方法,如果字体加载完毕或无法加载等等,是否可以使用CSS3 Web字体(@ font-face)实现类似的功能?