嵌入式字體看起來不像

Question

當一個嵌入式字體用於標籤時，它看起來是正確的，但是當相同字體用於組合框時，所選項目字體看起來與下拉和標籤字體不同。

@font-face 
{ 
    src:url("/assets/fonts/Helvetica.TTF"); 
    fontFamily: "Helvetica Neue Bold Condensed"; 
    fontStyle: normal; 
    fontWeight: normal; 
} 

.comboBox 
{ 
    fontFamily: "Helvetica Neue Bold Condensed"; 
    fontSize: 11; 
    color:  #666666; 
} 

.label 
{ 
    fontFamily: "Helvetica Neue Bold Condensed"; 
    fontSize: 12; 
    color:  #CCCCCC; 
} 

爲什麼這些看起來不同（除了尺寸和顏色）？

Answer 1

您正在嵌入字體並指定在fontWeight正常時應該使用它。這就是fontWeight: normal風格的意思。

但是，組合框中的標籤默認爲粗體（這由Flex框架完成），因此它們不會使用嵌入字體。

要解決的問題：要麼創建@font-face聲明的另一個副本，並在.comboBox規則中指定fontWeight: bold或指定fontWeight: normal。

Answer 2

您需要創建一個「完整」字體系列。爲此，請爲該系列的每個預期面創建一個「@ font-face」：普通，粗體，斜體和粗斜體。確保每個「@ font-face」定義在其「fontFamily」屬性中使用相同的名稱。這些文檔很明確，但詳細。

Petrowski先生是正確的，Flex框架將根據上下文選擇使用哪個面，但這裏需要調用的是ttf/otf文件只包含一個字體面。所以你可能需要在'src'屬性中引用不同的ttf/otf。