2013-03-30 81 views
0

我試圖找到位於這裏的Helvetica Neue字體LT標準97黑簡明字體的CSS font-family名稱:http://fontscore.com/fonts/Helvetica-Neue-LT-Std-97-Black-Condensed_22554.html字體的字體,它是什麼?

我使用@font-face的字體加載到網頁中,如果不是已經在用戶的計算機上,但是,我希望能夠加載字體,如果首先在用戶計算機上找到。我在這裏嘗試了多種方法,但這些工作:

font-family: HelveticaNeueLT Std Blk Cn 
font-family: HelveticaNeueLT Std ExtBlk Cn 

這是什麼字體調用字體家庭時,我應該使用什麼名字?我可能不得不把97放在那裏,但沒有任何工作,嘗試了很多不同的方式來稱呼它。

下面是我使用的CSS什麼:

所有的
@font-face { 
    font-family: hnc_font; 
    src: local('HelveticaNeueLT Std Blk Cn'), local('HelveticaNeueLTStd-BlkCn'), url('../fonts/hnc.otf') format('opentype'), url('../fonts/hnc.woff') format('woff'), url('../fonts/hnc.ttf') format('truetype'), url('../fonts/hnc.svg') format('svg'); 
    font-weight: normal; 
} 

@font-face{ 
    font-family: MyFont_IE; 
    src: url('../fonts/swiss_bc.eot'); 
} 

.big_text 
{ 
    padding-top: .4em; 
    font-size: 5.5em; 
    font-family: HelveticaNeueLT Std Blk Cn, HelveticaNeueLTStd-BlkCn, hnc_font, MyFont_IE; 
} 

回答

2

首先由"引號包裹字體的名稱嘗試所有的組合。

例如font-family: "Helvetica Neue LT Std 97 Black Condensed"

然後,您呼叫的名稱是由您@font-face聲明font-family之前定義。你可以稱它爲你想要的。

例如,如果你首先聲明它像這樣

@font-face{ 
    font-family: "MY_FONT_NAME"; 
    src: url('PATH_TO/FONT_FILENAME.ttf'); 
} 

以後可以參考它像這樣

font-family: "MY_FONT_NAME"; 

編輯基礎上,添加CSS

試試這個

.big_text 
{ 
    padding-top: .4em; 
    font-size: 5.5em; 
    font-family: "HelveticaNeueLT Std Blk Cn", "HelveticaNeueLTStd-BlkCn", "hnc_font", "MyFont_IE"; 
} 
+0

剛剛添加了我用於此目的的CSS,也許它可以提供幫助,但如果字體已經在用戶計算機上,則不起作用...它始終使用'@ font-face'加載字體 –

+0

如何添加「引號作爲我添加到我的文章中的代碼? –

+0

暫停,將嘗試...將讓你知道 –

1

作弊用一些javascript:http://jsfiddle.net/ucd2L/

var x = $("#test").css('font-family'); 
$("#test").append(x); 

HTML

<p id="test">Text</p> 
+0

不一定會將此添加到您的頁面,只需快速找出它的名稱即可。 – dewyze

+0

有趣的方法,現在就試試這個。 –

+0

Awww,這是不好的,返回'hnc_font',這意味着它正在使用'@ font-face'加載字體,但是我需要獲得'font-family'的字體名稱,就好像'@font 「臉」甚至沒有被使用!所以這不能幫助我:( –

0

當使用@font-face,大約有字體名兩個獨立的問題。

font-family聲明中使用的@font-face規則內的名字是你的,只要它是語法上有效的字體名稱和您在正常的CSS規則font-family聲明使用同樣的名字。所以它可以是font-family: foobar

local(...)構造函數中使用的名稱src@font-family規則中的設置必須與系統中字體已知的名稱相匹配。它應該是您用來獲取font-family規則中的本地字體的名稱,而不包含任何@font-face,原則上它應該是PostScript名稱或字體的全名,儘管瀏覽器也可能接受其他名稱;見 css - machine specific font-family