我有一個面板,可以通過一個垂直居中的鏈接以<或>符號作爲鏈接文本進行擴展或最小化。在字體重量:900的情況下,這並不突出,即使在它周圍有大量的灰色背景。我不想使用圖像,並且在當前字體大小下,兩個符號都佔用面板的最大寬度。CSS字體粗細超過900?
有沒有什麼方法可以在900以上的符號上加粗?還是有另一種選擇我可以使用?
在此先感謝。
理查德
我有一個面板,可以通過一個垂直居中的鏈接以<或>符號作爲鏈接文本進行擴展或最小化。在字體重量:900的情況下,這並不突出,即使在它周圍有大量的灰色背景。我不想使用圖像,並且在當前字體大小下,兩個符號都佔用面板的最大寬度。CSS字體粗細超過900?
有沒有什麼方法可以在900以上的符號上加粗?還是有另一種選擇我可以使用?
在此先感謝。
理查德
不幸的是還有比900厚沒有字體權重,並通過數字指定字體重量跨瀏覽器的不同而不同。你最好的選擇是使用更粗的字體 - 你沒有指定你正在使用的內容,但是在網絡安全的情況下,Impact的寬度相對較厚和高。否則,您可以使用@ font-face以不同的字體加載。
在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;
完美的解決方案!謝謝! – EgorTitov 2017-06-21 08:02:57
這很厚。但只適用於webkit。
font-size: -webkit-xxx-large;
font-weight: 900;
爲了增加Gogutz答案,你可以去甚至在網格疊加起來文本陰影大膽。逗號分開各行:
.extra-bold {
text-shadow: 0px 1px, 1px 0px, 1px 1px;
}
你也可以試試這個: 'text-shadow:-1px 1px,1px 1px,1px 1px;' – agni10 2018-01-17 07:41:53
我正在使用'font-family:Verdana,Arial,Helvetica,sans-serif'。我可以爲那些設置字體影響的鏈接添加一個類...這將起作用。它不應該讓它在風格上看起來有很大的不同 - 只有在重量方面。謝謝你的提示。 – ClarkeyBoy 2010-10-16 14:58:15