@font-face 不适用于 Chrome 或 Safari

Question

我用这段代码来实现个性化字体：

CSS

     @font-face{
    font-family:'playtime';
    src: url('../fonts/font-1.otf') format('opentype');
    }
    p.playtime-font {

    font-family: 'playtime', Verdana, Arial, Helvetica, sans-serif;
    font-size: 3em;
}

HTML

<div class="texto-horario">
        <p class="playtime-font">Horario</p>
    </div>

但它不起作用，我已经在 Chrome 和 Safari 上试过了，但没有... 我不知道我做错了什么请任何人帮助我？

Answer 1

不加单引号试试：

 @font-face{
    font-family: playtime;
    src: url('../fonts/font-1.otf') format('opentype');
    }
    p.playtime-font {
    font-family: playtime;
    font-size: 3em;
}

如果这不起作用，您的控制台是否有任何提示？

@font-face 不适用于 Chrome 或 Safari

@font-face not working on Chrome or Safari

html

css

font-face