@font-face 有点令人困惑,因为所有浏览器都无法决定使用哪种文件格式。下面是我目前正在使用的向网站添加 1 个新字体的方法,您可以看到有 4 个单独的字体文件,我知道每个文件都是因为某些浏览器支持不同的格式,但浏览器是下载所有文件还是只下载 1 个文件它需要什么?
@font-face {
font-family: 'Oswald';
src: url('oswald-webfont.eot');
src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'),
url('oswald-webfont.woff') format('woff'),
url('oswald-webfont.ttf') format('truetype'),
url('oswald-webfont.svg#OswaldRegular') format('svg');
font-weight: normal;
font-style: normal;
}
我希望浏览器能够下载它支持的所有字体并且只应用最新的,就像其他 css 属性一样。
但我的期望似乎是错误的。在嵌入了与您上面提供的标记相同的字体的网站上,FF 仅下载了 .woff 文件,即使它也支持 .ttf/.otf。
FYI, 支持矩阵 http://caniuse.com/fontface;各个格式的链接位于底部。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)