2012-10-06 66 views
-1

這個問題可能已經被問過很多次了,我知道photoshop呈現文本完全不同於瀏覽器,但也許一些CSS大師可以幫助我得到這個文本看起來像很多接近它的外觀在PS儘可能:無法像photoshop那樣獲得相同的文本樣式

enter image description here

最最接近我得到的是:

color: #666; 
font-size: 11px; 
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
font-weight: bold; 

但它看起來大膽的,如果我刪除大膽的,要瘦就會.. 。

+0

你在PhotoShop中使用了什麼? 12pt Arial?那麼爲什麼要嘗試使用更小尺寸的不同字體來獲得相同的效果呢? –

回答

1

嘗試使用text-shadow屬性抗混疊的字體,可以給氣魄一律不使用font-weight: bold;,你可以添加letter-spacing太像這樣:My Fiddle

HTML

<div class="demo">Music 1</div>​ 

CSS

.demo { 
    color: #515151; 
    font-size: 11px; 
    font-family: arial,sans-serif; 
    text-shadow: 1px 1px 1px #515151; 
    letter-spacing: .1em; 
} 

+0

然後如何在文本中添加銳利 –

+0

@HTMLDeveloper的意思是? –

1

In ord呃來創建不陰暗,更大膽/銳利的效果,你可以嘗試使用多種短距離的陰影作爲一種替代方案:

text-shadow: 0 0 .1px, 0 0 .1px, 0 0 .1px; 

然而,這很可能將是一個性能豬上更大的文本的樁使用時。

相關問題