製作小字體大膽

我想知道是否有人有智能js或css技巧讓小字體變得更大膽。製作小字體大膽

對於客戶端，我們使用字體大小爲12px/15px的Courier字體和大寫的文本轉換。我向文本添加了字體粗體，但文本仍然不像在Photoshop設計文件中那樣粗體。

有誰知道任何技巧，使小字體顯得更大膽？

我現在的CSS：

.block.project p { 
    font-family: "Courier New",Courier,monospace; 
    font-size: 12px; 
    line-height: 15px; 
    font-weight: bolder; 
}

我試着做一些表演技巧與文字陰影，但不給滿意的效果。

在此先感謝！

2012-06-14 c_m3

我覺得做的字體相同的PSD是一個失去戰鬥......認爲這是一個字體看起來在不同的瀏覽器和操作系統已經不同。 – fcalderan

如果您不使用相同的字體，請使用fontface（css3）將其添加到您的頁面以適應設計 –

什麼是操作系統和瀏覽器？我檢查了幾個，但是它們都顯示'p'，而'font-weight：bold'比'p'沒有顯示更大。而'text-shadow：black 1px 0 0'也可以。 –

您可以使用與字體顏色相同的顏色陰影來嘗試字體陰影。

以下情況之一可能做到這一點：

添加模糊的字體陰影每條邊

text-shadow: 0px 0px 1px #000000;

或者一個PIX添加到每個字母的垂直厚度

text-shadow: 0px 1px 0px #000000;

或者在每個字母的水平厚度上添加一個圖像

text-shadow: 1px 0px 0px #000000;

我認爲其中的第二個將是我個人的偏好。

但是，支持並不能保證是CSS3（儘管我相信這是更好的支持功能之一），並且可能會降低可讀性。

2012-06-14 10:42:51 Joshua

也rgba（0,0,0，.5）使用半透明黑色 –

尼斯，'文字陰影：1px 0px 0px rgba（0,0,0，.5）'給出最滿意的結果特別是加上弗拉基米爾）。 CSS3確實在不同的瀏覽器中有一些不兼容性，所以這不是解決方案，但可能是最好的解決方案！多謝你們。 –

嘗試設置font-weight: 900; - 這是font-weight的最大值。如果沒有幫助，請嘗試增加font-size;。

此外，Photoshop和瀏覽器正在使用不同的渲染模型，這就是爲什麼差異總會存在。

2012-06-14 10:35:05

_Courier New_只有兩個重量，所以大於700的任何東西看起來都與700相同。 –

@MrLister是的，你是對的。但「快遞新」不是問題的問題，也不是我回答的主題。 –

在這種情況下，你還應該建議使用比900更大膽的字體。 –

回答