不知道爲什麼我的標誌的字體不工作

Question

我想弄清楚爲什麼我的標誌的字體不是爲其他人下載。該字體被稱爲Aerokids。

我的CSS中的代碼適用於我在我的網站上使用的其他字體類型。這只是標誌不起作用，即使它以相同的方式完成。有沒有人有任何想法可能是錯誤的？下面是字體我在子文件夾中爲我的網站的截圖：

這裏是GitHub URL對我工作的網站。

@font-face { 
    font-family: 'Aerokids'; 
    src: url('fonts/Aerokids.otf'); 
    font-weight: normal; 
    font-style: normal; 

    font-family: 'odudo-semibold'; 
    src: url('../fonts/odudo-semi-bold.eot'); 
    src: url('../fonts/odudo-semi-bold.eot?#iefix') format('embedded- 
    opentype'), 
    url('../fonts/odudo-semi-bold.woff2') format('woff2'), 
    url('../fonts/odudo-semi-bold.woff') format('woff'), 
    url('../fonts/odudo-semi-bold.ttf') format('truetype'), 
    url('../fonts/odudo-semi-bold.svg#youworkforthem') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

.logo { 
    font-family: 'Aerokids'; 
    font-weight: normal; 
    color: #00E8FF; 
    font-size: 2.5em; 
    float: left; 
    width: 30%; 
    display: inline-block; 
    max-width: 100%; 
    height: auto; 
    vertical-align: middle; 
    margin: 0 auto; 
} 

Answer 1

您需要分開兩個@font-face規則。

@font-face { 
    font-family: 'Aerokids'; 
    src: url('fonts/Aerokids.otf'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'odudo-semibold'; 
    src: url('../fonts/odudo-semi-bold.eot'); 
    src: url('../fonts/odudo-semi-bold.eot?#iefix') format('embedded- 
    opentype'), 
    url('../fonts/odudo-semi-bold.woff2') format('woff2'), 
    url('../fonts/odudo-semi-bold.woff') format('woff'), 
    url('../fonts/odudo-semi-bold.ttf') format('truetype'), 
    url('../fonts/odudo-semi-bold.svg#youworkforthem') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}