2016-08-15 23 views
0

我想知道是否可以在我的CSS中爲同一個字體(文件)定義多個font-family名稱。我可以爲同一字體定義多個字體名稱嗎?

@font-face { 
    font-family: 'Cool font'; 
    src: url('bumblebee-webfont.eot'); 
    src: local('☺'), 
     url('bumblebee-webfont.woff') format('woff'), 
     url('bumblebee-webfont.ttf') format('truetype'), 
     url('bumblebee-webfont.svg#webfontg8dbVmxj') format('svg'); 
} 

@font-face { 
    font-family: 'New font'; 
    src: url('bumblebee-webfont.eot'); 
    src: local('☺'), 
     url('bumblebee-webfont.woff') format('woff'), 
     url('bumblebee-webfont.ttf') format('truetype'), 
     url('bumblebee-webfont.svg#webfontg8dbVmxj') format('svg'); 
} 

我想這樣做是因爲同一字體有多個名稱用法。應該是下面的文字有相同的字體:

<h2 style="font-family:'Cool font';">Hello</h2> 
<h2 style="font-family:'New font';">Bye</h2> 

這可能嗎?

+0

不知道如何添加它,但在其中一個相關的帖子中,有一個問題與幾乎相同的情況下得到大量的支持。 [鏈接](http://stackoverflow.com/q/2436749/4181953)如果這回答你的問題,你可能想要刪除這個問題,所以沒有相同問題的倍數懸而未決。 – bonzo

+0

@bonzo感謝您的回覆,您的鏈接添加了一些澄清,但這個問題稍有不同。如果今天沒有足夠的答案,我會刪除它。 – moffeltje

+1

這很好,我會再給它一點時間,我相信我只是誤解了相似之處。有更多的人比我更熟練。 那麼,什麼阻止你使用不同的類?就像一個帶有字體的主類(默認)等等,然後其他人會根據上下文來相應地修改它。 – bonzo

回答

1

是的,你可以這樣做。

因爲font-family是關鍵,你可以設置很多font face不同的名字和相同的Font,但它是不常見的以這種方式使用它!

相關問題