問題是獨特的字體名稱，是否需要腳本？

Question

試圖將我的標題1的字體改為ballpark Weiner。

以下是我的css：

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

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

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

它最終看起來像Arial類型的字體。 對於像這樣的unqiue字體，是否需要插入腳本？ 如果當前字體需要屏幕截圖，請告訴我。

Answer 1

我看了一下你提供的鏈接，這就是你應該如何做到的。

轉到fontsquirrel並上傳你的BALLW ___。TTF文件，它將生成你需要的其他字體擴展+字體規則看起來像這樣的字體規則：

@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：別忘了上傳你的字體

Answer 2

修改此代碼以使用您的字體並將其添加到您的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
}