2010-08-24 218 views
5

我有一個設計和Myriad Pro是必需的。這不是問題。問題在於,他們在Photoshop中使用了「Bold Condensed」。我不確定這是什麼,我認爲它是Myriad Pro的變種之一。在網站上模擬此最佳方式是什麼?CSS - 自定義字體?

謝謝。

+1

無數Pro是不是一個網絡安全的字體(宋體,黑體,宋體,和投石機是主要的無襯線字體的網頁),所以被你打算如何在第一時間把它用在您的網站?如果您要嵌入自定義Web字體,那麼它的風格無關緊要。沒有需要的模擬。 – 2010-08-24 14:21:03

回答

1

100%保證的方法是將其渲染爲圖像。

CSS3支持font-face,但這不會給你廣泛的支持。

@font-face 
{ 
    font-family: 'Myriad Pro'; 
    src: url('Myriad-Pro.ttf'); 
} 

您還需要檢查法律協議,看看他們是否允許在您的頁面中嵌入此字體。

+0

這不適用於IE,它需要一個.eot文件。 – egrunin 2010-08-24 14:19:12

+0

你可能是對的。當它得到廣泛支持時,我還沒有嘗試過這一個。 – 2010-08-24 14:21:53

1

您也可以嘗試Shaun Inman的sIFR3,儘管CSS3可能是更好的選擇。