Question

我使用Typeface.js转换了一些字体，默认字体工作正常，这是Century Gothic。但现在我正在尝试使用我上传的Century Gothic Bold，我不知道具体名称是什么。我试过“世纪哥特式大胆”，但那没用。你怎么知道这个名字是什么？转换器不会告诉您或要求您在创建期间指定此项。是文件名吗？

我不打算上传任何代码，因为这只是一个普遍的问题。

P.S。我应该澄清，我知道我可以添加font-weight：bold但是这将是普通的“Century Gothic”大胆而不是“Century Gothic Bold”字体，这是一个完全不同的东西。我已经尝试过了，看起来很糟糕。

Answer 1

@Adamantus虽然不是具体的技术答案，但我不得不说：

我之前也使用过Typeface.js。然而，一旦网络字体获得牵引力和网络字体服务出现，我就停止使用它。我松了一口气。

老实说，我认为使用Typeface.js在今天的标准中完全没有必要：

试图使它工作的开销太大。这就是你毕竟在这里发帖的原因。
使用CSS轻松完成一些非常简单的开发方法。
如果您使用Typeface.js是因为您使用的是许可字体（非字体）而Century Gothic不是免费字体。这意味着您仍然会非法使用字体，只有技术不同。

我诚实的建议是寻找与Century Gothic类似的网络字体，然后使用@font-face实现它。

以下是＃的论坛：https://stackoverflow.com/questions/19675667/alternative-google-web-font-for-century-gothic

在这里，你可以找到一个@font-face Sass mixin，可以更轻松地实现网络字体：https://gist.github.com/ricardozea/9029840

这就是mixin：

//@include fontFace(fontName, 'path/to/font'); » No need to specify the file extension in the "fontName" value

@mixin fontFace($font-family, $file-path, $weight:normal, $style:normal) {
    @font-face {
        font-family:$font-family;
        src:url('#{$file-path}.eot');
        src:url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
            url('#{$file-path}.woff') format('woff'),
            url('#{$file-path}.ttf') format('truetype');
        font-weight:$weight;
        font-style:$style;
    }
}

用法：

@include fontFace(muli, '../fonts/muli');

Typeface.js：我如何知道我添加的字体的名称？

1 个答案: