私のロゴのフォントがうまくいかない理由を理解できません

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

2つの@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; 
}