CSS忽略@font face声明



我的CSS中有两个@font face赋值。只有第二个/最后一个渲染,尽管它们几乎相同。

    @font-face {
    font-family: 'callunaregular';
    src: url('callunaregular/Calluna-Regular-webfont.eot');
    src: url('callunaregular/Calluna-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('callunaregular/Calluna-Regular-webfont.woff') format('woff'),
         url('callunaregular/Calluna-Regular-webfont.ttf') format('truetype'),
         url('callunaregular/Calluna-Regular-webfont.svg#callunaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bodonitownregular';
    src: url('bodonitownregular/bodonitown-webfont.eot');
    src: url('bodonitownregular/bodonitown-webfont.eot?#iefix') format('embedded-opentype'),
         url('bodonitownregular/bodonitown-webfont.woff') format('woff'),
         url('bodonitownregular/bodonitown-webfont.ttf') format('truetype'),
         url('bodonitownregular/bodonitown-webfont.svg#bodonitownregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

我认为这是一个简单的解决方案,但我不知道我做错了什么!

编辑:

<body style='background-color:white'>
<div align='center' style='position:absolute;left:500px;top:89px'> 
    <a id='title' href='home.html' > 
        <span style="font-family: callunaregular; font-size: 79px;">Open Mic Night</span>
    </a>

与将字体系列设置为Times相同。

也许是这个原因导致了问题?:

'callunaregular/Calluna-Regular-webfont.svg#bodonitownregular'

看到了吗,在散列之后?

最新更新