Question

@font-face {
  font-family: 'helvetica-bold';  
  src: url("../fonts/helvetica-bold.ttf");     /* IE */
  src: local('helvetica-bold'),     url('../fonts/helvetica-bold.ttf') format('truetype'); /* others */    
}

我在我的网站中使用该字体，但它无法在mac中工作任何一个帮助非常感谢

提前致谢

Answer 1

您可以在font-face中尝试使用helvetica-bold.eot，.woff和.svg字体以及.ttf。

有很多网站将.ttf字体转换为.eot和其他类型（你可以google）

所以你的新代码将是 -

@font-face {
 font-family: 'helvetica-bold';
 src: url('helvetica-bold.eot'); /* IE9 Compat Modes */
 src: url('helvetica-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('helvetica-bold.woff') format('woff'), /* Modern Browsers */
   url('helvetica-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
   url('helvetica-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Answer 2

为什么需要为Helvetica添加自定义字体，导致其为web safe font。您只需添加以下css。

body{
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

helvetica大胆@font面对不在chrome和safari in mac工作

2 个答案: