不知道为什么我的标志的字体不工作

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; 
}