Monotype Corsiva爲什麼不在瀏覽器中顯示？

Question

爲什麼font-family沒有被應用？

這裏的HTML：

<div class='reelShelf'> 
    <div class="reel creatures" id="horseReel"> 
    <div class="reelTitle">Avi &amp; Rosie</div> 
    <img class="photo" src="photos/creatures/horse1.jpg" onclick="fullView('creatures/horse1')" /> 
    <img class="photo" src="photos/creatures/horse2.jpg" onclick="fullView('creatures/horse2')" /> 
    <img class="photo" src="photos/creatures/horse3.jpg" onclick="fullView('creatures/horse3')" /> 
    <img class="photo" src="photos/creatures/horse4.jpg" onclick="fullView('creatures/horse4')" /> 
    <img class="photo" src="photos/creatures/horse5.jpg" onclick="fullView('creatures/horse5')" /> 
    <img class="photo" src="photos/creatures/horse6.jpg" onclick="fullView('creatures/horse6')" /> 
    <img class="photo" src="photos/creatures/horse7.jpg" onclick="fullView('creatures/horse7')" /> 
    <img class="photo" src="photos/creatures/horse8.jpg" onclick="fullView('creatures/horse8')" /> 
    <img class="photo" src="photos/creatures/horse9.jpg" onclick="fullView('creatures/horse9')" /> 
    </div> 
</div> 

而這裏的CSS：

@font-face 
{ 
    font-family: Corsiva; 
    src: url(fonts/MTCORSVA.TFF); 
} 
.reelTitle 
{ 
    color: white; 
    flex: 0 0 auto; 
    width: 100%; 
    font-family: Corsiva; 
} 

最後，這裏是參考照片：

Answer 1

你錯過了周圍的單引號字體系列。

@font-face 
{ 
    font-family: 'Corsiva'; 
    src: url(fonts/MTCORSVA.TFF); 
} 
.reelTitle 
{ 
    color: white; 
    flex: 0 0 auto; 
    width: 100%; 
    font-family: 'Corsiva'; 
}