css - 字体面 : Special fonts for Safari iOS

Question

    @font-face {
        font-family: "Caecilia";
        src: url("Assets/CaeciliaLTStd-Bold.ttf"), format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    h1 { color:#23445f; font-family:Caecilia;}

此示例代码适用于 Chrome，但不适用于 Safari(常规版和 iOS 版)。 Safari 是否有特殊修复？

Answer 1

从您那里获得的字体链接是否以不同的格式提供？如果是这样，请尝试以下操作。

   @font-face {
    font-family: "Caecilia";
    src: url("Assets/CaeciliaLTStd-Bold.eot") format('embedded-opentype'), /* EDIT correction on this line */
    url('Assets/CaeciliaLTStd-Bold.woff') format('woff'),
    url('Assets/CaeciliaLTStd-Bold.ttf') format('truetype'),
    url('Assets/CaeciliaLTStd-Bold.svg#') format('svg');
    font-weight: normal;
    font-style:normal;
  }

编辑:编辑: 对不起。在嵌入式开放类型的第一个声明中，我使用了 ttf 而不是 eot。试一试