css - 如何合并字体？

我有好几种字体

OpenSans-bold.ttf

OpenSans-boldItalic.ttf

OpenSans-extrabold.ttf

OpenSans-italic.ttf

OpenSans-light.ttf

与这么多不同的文件相反，我将如何继续创建一个文件？
也许像我通常那样在 CSS 上使用它们，或者像在 photoshop 上那样使用它们？

例如

small{font-family:"OpenSans"; font-weight: normal;}
strong{font-family:"OpenSans"; font-weight: bold;}
h2 {font-family:"OpenSans"; font-weight: bolder;}

任何帮助将被appriciated。

最佳答案

在一个文件中组合多种字体的一种简单方法是将它们编码为 base64 并将它们嵌入到 CSS 中。但是它们仍然是不同的字体，并且总大小会增加。有各种在线工具可以为您上传的字体文件创建 css，例如 this one 。

关于css - 如何合并字体？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14603600/