Bootstrap - 用像Arial這樣的安全字體覆蓋字體

Question

標題不準確，但我覺得足夠好。

劇情簡介：公司產品使用bootstrap，我們的默認字體已設置爲特定的免費字體;所以@ site-font，@ site-font-bold等都指向特定的woff文件。

我們有我們定製的客戶。一個客戶想要Arial字體的大部分。我似乎無法將@ site-font-bold設置爲Arial Bold - 它顯示Times New Roman。

如何將所有@ site-font-xxxx變量設置爲各種Arial字體？

我用這個粗體： @ site-font-bold：「Arial Bold」;

Arial Bold應該是不同的東西嗎？我試過ArialBold - 沒有運氣。

Answer 1

您不能指定Arial Bold作爲字體，因爲粗體變體屬於Arial系列，當您擁有font-weight: bold或類似屬性時，瀏覽器將選擇粗體。我不知道您使用的是什麼發生器，但嘗試將Arial設置爲@site-font-bold的值，並查看粗體文本是否正確顯示。