[英]@font-face not working on ff, chrome, and safari (on mac)
我無法在Mac上的任何瀏覽器中使用@ font-face。 我相信這是相關的代碼,但是我很樂意粘貼其他代碼。 Mac是否對此有不同的處理?
@font-face {
font-family: BebasNeue;
src: url('fonts/BebasNeue.otf');
}
/*----HEADING----*/
.heading {
font-family: BebasNeue, sans-serif;
}
.word1{
font-size: 100px;
position: absolute;
top: 35px;
}
.word2{
font-size: 79px;
color: 6a6964;
position: absolute;
top: 54px;
left: 165px;
}
.word3{
font-size: 106px;
position: absolute;
top: 104px;
}
.tagline {
font-family: BebasNeue, sans-serif;
font-size: 35px;
color: c1bcb6;
position: absolute;
top: 205px;
left: 13px;
}
.tagWord2{
color: 6a6964;
}
.copyright {
font-family: arial, sans-serif;
color: 6a6964;
font-size: 13px;
font-variant: small-caps;
position: absolute;
top: 245px;
left: 215px;
}
PS:我最近進行了肩部手術,因此,感謝您在我用一只手敲擊鍵盤時的耐心等待。 謝謝!
***因此,我發現了自己的錯誤,字體位置有誤,並且本地計算機已經加載了字體。 我沒有足夠的聲譽來回答或刪除自己的問題,因此第一人將其張貼為答案將被我標記為正確。
您從哪里獲得BebasNeue.otf字體文件? 可能不是真的是otf字體嗎?
為了使字體完全與瀏覽器兼容,您需要提供更多其他字體格式的字體。 這是一個很好的起點: http : //www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.