2010-10-16 106 views
9

我有一個面板,可以通過一個垂直居中的鏈接以<或>符號作爲鏈接文本進行擴展或最小化。在字體重量:900的情況下,這並不突出,即使在它周圍有大量的灰色背景。我不想使用圖像,並且在當前字體大小下,兩個符號都佔用面板的最大寬度。CSS字體粗細超過900?

有沒有什麼方法可以在900以上的符號上加粗?還是有另一種選擇我可以使用?

在此先感謝。

理查德

回答

5

不幸的是還有比900厚沒有字體權重,並通過數字指定字體重量跨瀏覽器的不同而不同。你最好的選擇是使用更粗的字體 - 你沒有指定你正在使用的內容,但是在網絡安全的情況下,Impact的寬度相對較厚和高。否則,您可以使用@ font-face以不同的字體加載。

+0

我正在使用'font-family:Verdana,Arial,Helvetica,sans-serif'。我可以爲那些設置字體影響的鏈接添加一個類...這將起作用。它不應該讓它在風格上看起來有很大的不同 - 只有在重量方面。謝謝你的提示。 – ClarkeyBoy 2010-10-16 14:58:15

25

在CSS 3有另一種方式,以使字體大小更大膽:

color:#888888;  
text-shadow: 2px 0 #888888; 
letter-spacing:2px; 
font-weight:bold; 

編輯:

對於某種奇怪的原因,因爲它沒有一個多這看起來並不漂亮一年前。它僅適用於1px的文本陰影(對於最常見的字體,其他較厚的字體可能仍然適用於2px)。而文字陰影只有1px,不需要這麼大的字母間距。

color:#888888;  
text-shadow: 1px 0 #888888; 
letter-spacing:1px; 
font-weight:bold; 
+0

完美的解決方案!謝謝! – EgorTitov 2017-06-21 08:02:57

0

這很厚。但只適用於webkit。

font-size: -webkit-xxx-large; 
font-weight: 900; 

enter image description here

4

爲了增加Gogutz答案,你可以去甚至在網格疊加起來文本陰影大膽。逗號分開各行:

.extra-bold { 
    text-shadow: 0px 1px, 1px 0px, 1px 1px; 
} 
+0

你也可以試試這個: 'text-shadow:-1px 1px,1px 1px,1px 1px;' – agni10 2018-01-17 07:41:53