如何知道字体格式[重复]答案

【问题标题】：how to know format of fonts [duplicate]如何知道字体格式[重复]
【发布时间】：2013-07-05 10:43:28
【问题描述】：

我将使用@font-face。所以我将 corbel 字体复制到了我的目录中，它在那里显示了 4 种字体 CORBEL_0.TTF , CORBELB_0.TTF , CORBELI_0.TTF , CORBELZ_0.TTF，接下来我将 Kozuka Gothic Pro 字体复制到了我的目录中，它在那里显示了 6 种字体 @987654323 @

如何使用@font-face 规则编写src？如示例 url("../../css/fonts/League_Gothic.eot") format('eot');格式eot，是字体的扩展名吗？任何人都可以告诉我@font-face 中完整语法的想法。

【问题讨论】：

请先查阅您选择的 CSS 参考。
我需要两个 font-family，我想在 font-face 中使用它。
当然，如所写，请查阅 CSS 参考。这是非常基本的材料，您甚至还没有概述到目前为止您为自己的需求所做的研究。我不知道你甚至认为你是第一个想知道这个的人。
可能重复：How to embed fonts in HTML?

标签： html css font-face

【解决方案1】：

像这样：

@font-face {
    font-family: 'Kozuka Gothic Pro';
    src: url("../../css/fonts/Kozuka Gothic Pro.otf") format('truetype');
    src: local("☺"),
    url("../../css/fonts/KozGoPro-Bold.otf"),
    url("../../css/fonts/KozGoPro-ExtraLight.otf") format('truetype'), 
    url("../../css/fonts/KozGoPro-Heavy.otf") format('truetype'), 
    url("../../css/fonts/KozGoPro-Light.otf") format('truetype');
    url("../../css/fonts/KozGoPro-Medium.otf") format('truetype')
    url("../../css/fonts/KozGoPro-Regular.otf") format('truetype');
}

【讨论】：

【解决方案2】：

@font-face
{
font-family: corbel;
src: url('/fonts/corbel.ttf'),
 url('/fonts/corbel.eot'); 
} 

@font-face
{
font-family: Kozuka;
src: url('/fonts/Kozuka.ttf'),
 url('/fonts/Kozuka.eot'); 
}

【讨论】：