css - @font-face 不适用于 OS X Yosemite Chrome 26 - 版本

Question

我的字体无法在 OS X Yosemite Chrome 26 版本上运行。它在字体位置显示空白。在最新的浏览器版本中，字体工作正常。

CSS

@font-face {
  font-family: 'DIN-Regular';
  src: url('fonts/DIN-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DIN-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/DIN-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/DIN-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/DIN-Regular.svg#svgDIN-Regular') format('svg'); /* Legacy iOS */
  font-weight: normal;
}

编辑:

body {
  font-family: 'DIN-Regular', Arial, sans-serif;
}

逗号后的字体也不行

有人能帮忙吗？

Answer 1

事实证明，问题出在字体生成器生成的字体文件中。

生成的字体:

https://www.web-font-generator.com/ ,

http://www.fontsquirrel.com/tools/webfont-generator ,....

在 Chrome 旧版本中无法正常工作。

最后，我找到了另一个:https://fontie.flowyapps.com/home , 生成的字体类型在所有浏览器版本中都能正常工作。

谢谢大家的回答。