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

Question

我已经使用Typeface.js转换了一些字体，默认的字体运行良好，它是世纪哥特式的。但现在我正在尝试使用我上传的世纪哥特式大胆，我不知道确切的名称是什么。我试过“世纪哥特式大胆”，但不起作用。你怎么知道它的名字是什么？在创建过程中，转换器不会告诉您，也不会要求您指定。是文件名吗？

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

附注：我应该澄清的是，我知道我可以添加字体粗体:粗体，但那将是普通的“世纪哥特式”粗体，而不是“世纪哥特式粗体”字体，这是完全不同的事情。我已经试过了，它看起来很糟糕。

Answer 1

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

我以前也用过Typeface.js。然而，一旦网络字体获得了吸引力，网络字体服务出现了，我就不再使用它了。我松了一口气。

老实说，我认为按照今天的标准，使用Typeface.js在任何意义上都是完全不必要的：

1. 试图让它工作的开销太大了。这就是你在这里发帖的原因。
2. 使用JavaScript做一些可以很容易地用CSS完成的事情是不正确的开发方法。
3. 如果你使用Typeface.js，是因为你使用的是授权字体(不是字体)，而世纪哥特式字体不是免费字体。这意味着你仍然会受到非法使用字体的影响，只是技术不同而已。

我诚实的建议是寻找一种类似于世纪哥特式的网络字体，然后用@font-face实现它。

这里有一个论坛，就是为了这个目的：https://stackoverflow.com/questions/19675667/alternative-google-web-font-for-century-gothic

在这里你可以找到一个@font-face Sass mixin，它可以使实现web字体变得更加容易：https://gist.github.com/ricardozea/9029840

这就是混合：

//@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');

祝好运。