將自定義字體添加到GitHub頁面

Question

我剛剛在GitHub上託管了我的新網站。我使用有一些自定義的字體，這是我上傳旁邊的index.html和style.css文件：

字體代碼：

@font-face { 
    font-family: "gogoiadeco"; 
    src: url('gogoia-deco-webfont.eot'); 
    src: url('gogoia-deco-webfont.eot?#iefix') format('embedded-opentype'), 
    url('gogoia-deco-webfont.woff') format('woff'), 
    url('gogoia-deco-webfont.ttf') format('truetype'), 
    url('gogoia-deco-webfont.svg#Gogoia') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'icomoon'; 
    src:url('icomoon.eot'); 
    src:url('icomoon.eot?#iefix') format('embedded-opentype'), 
    url('icomoon.woff') format('woff'), 
    url('icomoon.ttf') format('truetype'), 
    url('icomoon.svg#icomoon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'gogoiaregular'; 
    src: url('gogoia-regular.eot'); 
    src: url('gogoia-regular.eot?#iefix') format('embedded-opentype'), 
    url('gogoia-regular.woff2') format('woff2'), 
    url('gogoia-regular.woff') format('woff'), 
    url('gogoia-regular.ttf') format('truetype'), 
    url('gogoia-regular.svg#gogoiaregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

我是新在GitHub上和我不知道要改變這些字體的工作方式。

Answer 1

我也有這個問題。我的字體在本地正常工作，但似乎無法在GitHub上正確使用。

我想出瞭如何做到這一點：gitHub.io頁面的根目錄與本地根目錄不同，導致字體在錯誤的文件夾中。

這是我的代碼：

@font-face { 
    font-family: F16; 
    src: url("../SubSkipper/F16_Panel Font.ttf") format('truetype'); 
    font-weight: bold; 
    font-style: normal; 
} 

SubSkipper是我的項目的名稱和的.ttf字體是在明顯的根目錄下我的意思是：「SubSkipper /」。

路徑../返回一級，然後打開本地出現的項目的根目錄（SubSkipper）。