我以为font squirrel webfont generator是用来让字体兼容所有浏览器的，但我尝试了经典的
font squirrel
@font-face { font-family: myFirstFont; src: url(sansation_light.woff); }
字符串它适用于所有最新版本的浏览器Google Chrome，Mozilla Firefox，Opera，Microsoft Edge，甚至Internet Explorer.
Google Chrome
Mozilla Firefox
Opera
Microsoft Edge
Internet Explorer
wnvonmuf1#
Web字体生成器继续生成旧字体的原因是因为它们遵循“如果它没有损坏，为什么要删除它？”的原则。例如，EOT是一种字体格式，尽管在现代已经完全不需要了，但它仍然偶尔会出现在字体生成器中。它支持Internet Explorer 6+..但在现代，你只需要WOFF和WOFF 2。其他字体风格是过时的和不必要的，因为所有现代浏览器可以使用.woff，大多数可以使用.woff2。你可以在这里看到兼容性：WOFF：https://caniuse.com/woffWOFF 2：https://caniuse.com/woff2EOT：https://caniuse.com/eotTTF/OTF：https://caniuse.com/ttf
mspsb9vt2#
正如您所说，Font Squirrel提供的解决方案适用于所有现代浏览器。但是，如果你需要针对旧版本，我会推荐https://onlinefontconverter.com，它可以生成更完整的@font-face css，还提供了更多的字体扩展。当我需要@font-face时，我使用以下css：
@font-face{ font-family:"Rage Italic"; src:url("../fonts/RageItalic.eot"); src:local("RageItalic"), local("RageItalic"), url("../fonts/RageItalic.woff") format("woff"), url("../fonts/RageItalic.ttf") format("truetype"), url("../fonts/RageItalic.svg#RageItalic") format("svg"); font-weight: normal; font-style: normal; }
字符串
2条答案
按热度按时间wnvonmuf1#
Web字体生成器继续生成旧字体的原因是因为它们遵循“如果它没有损坏，为什么要删除它？”的原则。
例如，EOT是一种字体格式，尽管在现代已经完全不需要了，但它仍然偶尔会出现在字体生成器中。它支持Internet Explorer 6+.
.但在现代，你只需要WOFF和WOFF 2。其他字体风格是过时的和不必要的，因为所有现代浏览器可以使用.woff，大多数可以使用.woff2。
你可以在这里看到兼容性：
WOFF：https://caniuse.com/woff
WOFF 2：https://caniuse.com/woff2
EOT：https://caniuse.com/eot
TTF/OTF：https://caniuse.com/ttf
mspsb9vt2#
正如您所说，Font Squirrel提供的解决方案适用于所有现代浏览器。
但是，如果你需要针对旧版本，我会推荐https://onlinefontconverter.com，它可以生成更完整的@font-face css，还提供了更多的字体扩展。
当我需要@font-face时，我使用以下css：
字符串