@字體面不工作的Chrome或Safari

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上試過了，並且什麼都沒有... 我不知道我在做什麼錯誤，請任何人都可以幫助我？

來源

2015-08-14 Facundo Schiavoni

它可以在任何其他瀏覽器上工作嗎？或者你只是說你嘗試過的只有Chrome和Safari？ – Parker

另外，請添加您嘗試應用字體的元素的HTML，它可能是一個小的錯字類型問題 – Parker

@Parker我只嘗試過Chrome和Safari，因爲我認爲這些是最常用的瀏覽器 –

嘗試沒有單引號：

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

如果這不起作用，則您的控制檯說什麼？

來源

2015-08-14 19:06:56

謝謝！它的工作完美無需使用引號:) –

不用擔心，很高興我能幫上忙。 –

@字體面不工作的Chrome或Safari

回答

相關問題