2013-04-07 60 views
0

試圖將我的標題1的字體更改爲ballpark Weiner。唯一字體名稱問題,需要腳本?

下面是我的CSS:

h1 {color: #000000; font-family: Ballpark Weiner; 
     font-size: 40px; 
} 

試圖讓字體看起來像這樣:

http://www.fontgirl.com/info/ballpark.php

它結束了看起來像一個宋體字體類型。對於這樣的unqiue字體,是否需要插入腳本?如果當前字體需要屏幕截圖,請告訴我。

+2

你在樣式表中包含了@ font-face嗎? – trajce 2013-04-07 23:07:39

+1

'爲避免轉義錯誤,建議引用包含空格,數字或標點符號以外的連字符的字體系列名稱http://www.w3.org/TR/CSS2/fonts.html#font-家庭支柱 – 2013-04-07 23:16:39

回答

2

我看了一下您所提供的鏈接,這是你應該如何把它。

轉到fontsquirrel並上傳您BALLW ___ TTF文件, ,它會產生你所需要的其他字體擴展+的fontface規則 的fontface規則將類似於:

@font-face { 
    font-family: 'fontname'; 
    src: url('fontname-webfont.eot'); 
    src: url('fontname-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fontname-webfont.woff') format('woff'), 
     url('fontname-webfont.ttf') format('truetype'), 
     url('fontname-webfont.svg#fontname') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

包括在你的CSS文件 那麼你可以使用像這樣

css selector 
{ 
font-family: 'fontname'; 
} 

PS:不要忘記上傳字體

+1

+1字體松鼠 – 2013-04-07 23:20:20

+0

有趣的是,我實際上仍然忘記上傳我的字體!它工作完美。感謝您的完美解釋。 – KKP 2013-04-07 23:28:20

+0

我很高興我可以幫助:) – trajce 2013-04-07 23:32:08

0

修改此代碼以使用您的字體並將其添加到您的CSS文件。

@font-face { 
    font-family: cool_font; 
    src: url('cool_font.ttf'); // link to the font 
} 

那麼當你要使用它只是這樣做

p.custom_font { 
    font-family: cool_font; // no .ttf 
}