在对以跨浏览器友好的方式使用 @font-face 的“正确”语法进行一些研究时,我遇到了以下站点,这很有意义:
http ://www.fontspring.com/blog/ the-new-bulletproof-font-face-syntax
但是,如果您查看 Font Squirrel 提供的任何 @font-face 演示代码,@font-face 定义如下:
@font-face {
font-family: 'OswaldLight';
src: url('/utils/load_demo_font.php?font=1145/Oswald-Light-webfont.eot');
src: url('/utils/load_demo_font.php?font=1145/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('/utils/load_demo_font.php?font=1145/Oswald-Light-webfont.woff') format('woff'),
url('/utils/load_demo_font.php?font=1145/Oswald-Light-webfont.ttf') format('truetype'),
url('/utils/load_demo_font.php?font=1145/Oswald-Light-webfont.svg#OswaldLight') format('svg');
font-weight: normal;
font-style: normal;
}
为什么 Font Squirrel 演示脚本都包含两个 src 声明?我无法理解这一点。