不同的网络浏览器使用不同的字体格式,要使它跨浏览器工作并且不可避免地需要相当复杂的技巧,您必须声明多个文件来源以满足所有浏览器的相同字体,最简单的方法是使用一台发电机,如字体,松鼠
https://www.fontsquirrel.com/tools/webfont-generator
为了获得最佳的支持利用这个来声明字体:
@font-face {
font-family: 'MyWebFontName';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
正如你所看到的,有支持的EOT 5种字体格式,W关闭,woff2,ttf和svg。您显然需要提供这些文件并相应地更新源网址。
有关的播放当前状态的更多信息对此有读: https://css-tricks.com/snippets/css/using-font-face/
这一条几乎是一岁,但据我了解,向后兼容性它仍然具有现实意义和正确性,上面的代码需要确保跨浏览器的字体一致性。
针对Web的TTF和SVG字体正在逐步淘汰,但对于旧版浏览器,仍然需要它们。为了让您放心,所有这些文件都不会在网页加载时下载。只有特定浏览器支持的字体格式的文件才会被下载。
你可以添加此链接从苹果论坛到答案:https://discussions.apple.com/thread/3420084?start=15&tstart=0 –
看起来像写在这里的同一个人:http://hints.macworld.com/article.php?story=20111026025343144 – tinyCoder
是的,看起来像它:)我完全看到这两个帖子,但没有读入他们太多... –