Question

我收到了多个TTF字体文件。需要转换成我可以在CSS中使用的1个文件。

我该怎么做？

由于

Answer 1

你不能这样做，每种字体都需要它自己独立的文件。您可以使用服务将ttf转换为eot和svg文件，然后在style.css中使用这样的代码（假设它是样式表的名称）文件：

@font-face {
    font-family: 'FuturaM';
    src: url('fonts/FuturaMedium.eot');
    src: url('fonts/FuturaMedium.eot?#iefix') format('embedded-opentype'),
         url('fonts/FuturaMedium.ttf') format('truetype'),
         url('fonts/FuturaMedium.svg#FuturaMedium') format('svg');
}

希望这有帮助！

Answer 2

每个TTF文件由不同的字体样式组成，通常是常规，粗体和斜体。每个TTF文件都以独特的字体样式链接因此，即使它来自相同的字体，也不可能组合不同的TTF文件。你不能将苹果，橙子和芒果结合起来，因为它们都是正确的水果吗？（蹩脚的例子，对不起）

Answer 3

这可以使用标准的@ font-face声明使用base64编码完成。使用预处理器时，只需将其注释掉（使用sass / less注释）即可禁用特定字体。

这是一篇文章，解释了有关此方法的更多信息。 http://sosweetcreative.com/2613/font-face-and-base64-data-uri

一个主要优点是将所有字体资源整合到一个请求中，您甚至可以将它们添加到主样式表中（在其他样式之前）。

就个人而言，我有一个带有'required fonts'的主样式表和一个带有其他字体的'extended'样式表，确保在使用许多字体时，传输大小不会失控。我的阈值大约是250Kb gzip，包括所有样式，大约2-3个字体文件。超出这一点的一切都进入'extended.css'。

干杯

Answer 4

我不知道CSS是否支持它，但是存在True Type Collection文件格式：https://en.wikipedia.org/wiki/TrueType#TrueType_Collection

CSS字体：如何将多个TTF文件转换为一个文件？

4 个答案: