如何合并字体？

我有很多字体，

• OpenSans-bold.ttf
• OpenSans-boldItalic.ttf
• OpenSans-extrabold.ttf
• OpenSans-italic.ttf
• OpenSans-light.ttf

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

e.g.

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

任何帮助，将不胜感激。

如果您想使用不同的字体（常规、斜体、粗体等），则需要不同的字体文件，因为每种字体都是作为单独的字体文件实现的（实际上，您甚至需要不同的字体格式，以覆盖不同的浏览器） ）。

But you can将它们用作单个字体系列，就像您仅使用 Arial 并对其应用斜体和粗体一样，直接或间接使用 CSS（通过 HTML，例如h2元素默认为粗体）。为此，您需要declare字体系列。

例如，FontSquirrel 生成 CSS 代码，将每种字体定义为字体系列。这是可能的，但不合逻辑且不方便。例如，它生成

@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

为了使事情更符合逻辑，请更改font-weight值，并改变font-family为您在不同场合使用的名称命名@font-face规则（针对系列的不同字体）。例如。，

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}