css - 唯一字体名称的问题，是否需要脚本？

Question

尝试将标题 1 的字体更改为粗略的 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:别忘了上传你的字体