是否包含連字符的字體系列名稱與空格而不是連字符相同？

Question

針對不同網站的許多樣式表後，我一直注意到使用的字體或字體系列值，這些值似乎沒有使用正確的字體系列名稱。我想知道如果我不完全理解如何引用CSS使用的字體家族名稱。

例如，在this stylesheet，作者用以下幾次：

font-family:"minion-pro"; 

然而，據谷歌告訴我，沒有這樣的字體家族確實存在。例如，如果谷歌以下：

font minion-pro 

沒有第幾命中顯示任何「馬仔親」，而是全部命中是「馬仔」或「馬仔臨」;第五命中是this link，其中據我瞭解CSS，要求用戶引用此字體作爲

font-family: "Minion Pro"; 

我也看到了這對一些樣式表的字體「無數親」，當你谷歌這font myriad-pro，只返回字體「Myriad」和「Myriad Pro」的匹配。也就是說，在CSS樣式表，我已經看到了這

font-family: "Myriad-Pro"; 

但對我來說，這是不正確的，應該是

font-family: "Myriad Pro"; 

所以我簡單的問題是：是含有能夠空格字體如果空格被連字符替換，那麼要正確渲染？

我相信這個答案是基於文檔的「否」 - 我不能輕易測試這個，因爲我沒有方便地訪問這些字體，而且我現在正在工作。 （當我嘗試使用「Myriad Pro」或「Minion Pro」進行編碼時，沒有任何反應 - 字體無法識別）

Answer 1

這取決於您創建@font-face字體定義以提供字體時所指定的字體系列。

像這樣：

@font-face { 
    font-family: 'montserratregular'; 
    src: url('/content/fonts/Montserrat/montserrat-regular.eot'); 
    src: url('/content/fonts/Montserrat/montserrat-regular.eot?#iefix') format('embedded-opentype'), 
     url('/content/fonts/Montserrat/montserrat-regular.woff2') format('woff2'), 
     url('/content/fonts/Montserrat/montserrat-regular.woff') format('woff'), 
     url('/content/fonts/Montserrat/montserrat-regular.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

在這種情況下，我會在我的CSS參考font-family: 'montserratregular';。但如果在@font-face聲明中我定義了font-family: 'montserrat-regular';或font-family: 'montserrat regular';那麼我會在我的css中使用它。

在樣式表中，你鏈接作者可能有他的@font-face聲明在一個單獨的css文件中，他將Minion Pro定義爲「minion-pro」，這很常見。

您不向客戶端提供的其他字體System字體應由其系統字體名稱引用。您可以使用類似CSS Font Stack這樣的站點來查看這些名稱以及它們是Windows還是Mac上的系統字體的可能性（以百分比表示）。它還提供了字體的常見回退（即，您可以這樣做：font-family: 'Myriad Pro', 'Myriad-Pro', 'MyriadPro', Arial;）。

像Myriad Pro或Minion Pro這樣的字體在默認情況下通常不會作爲已安裝的系統字體出貨，這就是爲什麼我們使用@font-face方法將字體提供給客戶端的原因。我的用戶可以在他們的機器上安裝Myraid Pro，然後它將是一個系統字體，但是您必須知道確切的名稱，並且不能保證用戶具有唯一字體，或者需要訪問您的站點的用戶手動安裝它。