css - @fontface Quicksand Light 适用于 Mac/iPhone/iPad

Question

我已经安装了 webkit Quicksand Light 并将其写入我的 CSS 文件，它在 PC 上的所有浏览器中都可以正常工作但是当我在任何浏览器中的 MAC 上查看它时，流沙光网络字体无法正常显示，就像times new roman 字体类型。是不是拾取字体？还是只是不渲染？

找不到任何解决这个问题的方法，整天都在尝试修复它

CSS:

@font-face {
font-family: 'QuicksandLight';
src: url('/assets/fonts/Quicksand_Light-webfont.eot');
src: url('/assets/fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
     url('/assets/fonts/Quicksand_Light-webfont.woff') format('woff'),
     url('/assets/fonts/Quicksand_Light-webfont.ttf') format('truetype'),
     url('/assets/fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
     /*url('/assets/fonts/Quicksand_Light.otf');*/
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'QuicksandLightOblique';
src: url('/assets/fonts/Quicksand_Light_Oblique-webfont.eot');
src: url('/assets/fonts/Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
     url('/assets/fonts/Quicksand_Light_Oblique-webfont.woff') format('woff'),
     url('/assets/fonts/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
     url('/assets/fonts/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'QuicksandBook';
src: url('/assets/fonts/Quicksand_Book-webfont.eot');
src: url('/assets/fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
     url('/assets/fonts/Quicksand_Book-webfont.woff') format('woff'),
     url('/assets/fonts/Quicksand_Book-webfont.ttf') format('truetype'),
     url('/assets/fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
font-weight: normal;
font-style: normal;

}

QuicksandBook 的 CSS；

body
{
 font:13px/24px 'QuicksandBook', Arial,sans-serif;
 font-weight: normal;
 }

这些已在标题部分中引用。

Answer 1

很遗憾，我没有可用于测试的 Mac，但此处列出的一些建议可能值得一试。让我们知道您的进展情况!

http://paulirish.com/2010/font-face-gotchas/#smiley