自定義CSS字體未加載

Question

這裏就是我想添加自定義的字體http://pgkweb.ru/temp/1/index.html 頁面所以字體是：

http://pgkweb.ru/temp/1/include/MyriadProCondRegular/MyriadProCondRegular.ttf 
http://pgkweb.ru/temp/1/include/MyriadProCondRegular/MyriadProCondRegular.woff 
http://pgkweb.ru/temp/1/include/MyriadProCondRegular/MyriadProCondRegular.otf 
http://pgkweb.ru/temp/1/include/MyriadProCondRegular/MyriadPro-Cond.eot 

我呼籲他們從CSS（http://pgkweb.ru/temp/1/include/style.css）：

/*FONTS*/ 
@font-face { 
    font-family: MyriadProCond; 
    src: url(include/MyriadProCondRegular/MyriadProCondRegular.ttf); /* Путь к файлу со шрифтом */ 
    src: url(include/MyriadProCondRegular/MyriadProCondRegular.woff); 
    src: url(include/MyriadProCondRegular/MyriadProCondRegular.otf); 
    src: url(include/MyriadProCondRegular/MyriadPro-Cond.eot); 
} 

*, body, p,h3,h4 { 
    font-family: 'MyriadProCond', Arial, sans-serif; 
    color: #fff; 
} 

但正如我在FireFox代碼資源管理器中看到的，它不起作用（直通）。但爲什麼？

Answer 1

你的網絡字體是「包括」文件夾裏面，因爲是樣式表，即它們都在同一個文件夾，所以你必須在鏈接從文件路徑刪除該文件夾的名稱，如：

src: url("MyriadProCondRegular/MyriadProCondRegular.ttf"); 

代替

src: url("include/MyriadProCondRegular/MyriadProCondRegular.ttf"); 

與所有其他的URL

Answer 2

好像你缺少周圍每個URL報價，語法也有點過：

@font-face { 
    font-family: MyriadProCond; 
    src: url('include/MyriadProCondRegular/MyriadPro-Cond.eot'); 
    src: url('include/MyriadProCondRegular/MyriadProCondRegular.woff') format('woff'), /* Путь к файлу со шрифтом */ 
     url('include/MyriadProCondRegular/MyriadProCondRegular.ttf') format('truetype'), 
     url('include/MyriadProCondRegular/MyriadProCondRegular.otf') format('otf'); 
} 

在這裏看到：https://css-tricks.com/snippets/css/using-font-face/

如果不工作，檢查網址是否正確並且正在下載字體（網絡選項卡中沒有404錯誤）。