用CSS自定義大膽的東西

Question

我不認爲我在網頁上的粗體文本足夠大膽，所以我想知道是否有任何方法可以用CSS調整粗體文本。

Answer 1

與font-weight你可以用更高的數字指定文本的「粗體」......但幾乎每個瀏覽器都只顯示相同的「粗體」文本，因爲沒有特定的編號。

或者，您可以使用粗體或黑體字體的字體本身，但大多數互聯網用戶可能沒有安裝此特定的字體。

看到的例子：http://clagnut.com/blog/2228/

Answer 2

font-weight (w3schools.com)屬性允許您更改文本的粗體。不過，我不確定所有瀏覽器是否完全支持它。

Answer 3

您可以指定一個爲900的font-weight，儘管大多數瀏覽器將其與粗體相同。

你可以考慮使用灰色Arial Black這些非常大膽的字體。

您可能希望爲您打算支持的平臺添加其他字體，例如Linux ...在Mac Snow Leopard上，確保存在Arial Black，而在Windows 7上，控制面板中的字體僅顯示宋體，但它的風格，如黑色，並使用 「宋體黑」 的工作原理：

http://jsfiddle.net/S2SxS/2/

Answer 4

是的，你可以調整它像這樣

.myClass 
{ 
    font-weight: 700; 
} 

Answer 5

可以渲染的文本圖像中的首選字體和氣魄，然後設置圖像在CSS文本的背景圖像和文本縮進設爲大的正數或負數將其移出頁面。圖像將出現在文本的位置，而文字仍然在屏幕閱讀器和搜索引擎的頁面中。

Answer 6

解決方法如果粗體字體不真正支持粗體，則使用css3文本陰影來模擬粗體。

<span class="bold">some text goes here</span> 

span.bold { 
    text-shadow: 1px 0px 0px #000; /* the textcolor */ 
    padding-right: 1px; 
    letter-spacing: 1px; 
} 

在右側添加1px並將字母間隔爲空，以使其再次看起來不錯。您也可以通過把它們放在逗號名單並結合大量的「陰影」：

text-shadow: 1px 0px 0px #000, -1px 0px 0px #000, /*...*/ ;