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-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
}

问题是独特的字体名称，是否需要脚本？

2 个答案: