css - 字体的字体系列,它是什么?

标签 css font-family

我试图找到位于此处的 Helvetica Neue LT Std 97 Black Condensed 字体的 CSS font-family 名称:http://fontscore.com/fonts/Helvetica-Neue-LT-Std-97-Black-Condensed_22554.html

我正在使用 @font-face 将字体加载到网页上,如果用户计算机上还没有字体的话,但是,如果在首先是用户计算机。我在这里尝试了几种方法,但都不起作用:

font-family:  HelveticaNeueLT Std Blk Cn
font-family:  HelveticaNeueLT Std ExtBlk Cn

调用 font-family 时应该使用的字体名称是什么?我可能也必须将 97 放在那里的某个地方,但没有任何效果,我尝试了很多不同的方式来调用它。

这是我在 CSS 中使用的内容:

@font-face {
    font-family: hnc_font;
    src: local('HelveticaNeueLT Std Blk Cn'), local('HelveticaNeueLTStd-BlkCn'), url('../fonts/hnc.otf') format('opentype'), url('../fonts/hnc.woff') format('woff'), url('../fonts/hnc.ttf') format('truetype'), url('../fonts/hnc.svg') format('svg');
    font-weight: normal;
}

@font-face{ 
    font-family: MyFont_IE;
    src: url('../fonts/swiss_bc.eot'); 
}

.big_text
{
    padding-top: .4em;
    font-size: 5.5em;
    font-family: HelveticaNeueLT Std Blk Cn, HelveticaNeueLTStd-BlkCn, hnc_font, MyFont_IE;
}

最佳答案

首先,将字体名称用 " 引号括起来,尝试所有组合。

例如 font-family: "Helvetica Neue LT Std 97 Black Condensed"

然后,您调用的名称由您在font-family 之前的@font-face 声明定义。您可以随心所欲地调用它。

例如,如果你首先这样声明它

@font-face{
    font-family: "MY_FONT_NAME";
    src: url('PATH_TO/FONT_FILENAME.ttf');
}

以后可以这样引用

font-family: "MY_FONT_NAME";

根据添加的CSS编辑

试试这个

    .big_text
{
    padding-top: .4em;
    font-size: 5.5em;
    font-family: "HelveticaNeueLT Std Blk Cn", "HelveticaNeueLTStd-BlkCn", "hnc_font", "MyFont_IE";
}

关于css - 字体的字体系列,它是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15724024/

相关文章:

php - PHP 表单内的特定字体系列

javascript - 在 Highcharts 中自定义图像和不同的文本

javascript - 需要帮助使用某些类型的样式和 react

asp.net - 如何从数据库加载背景图像?

html - 有没有办法在本地主机中设置表单输入的字体系列?

android - 字体系列在我的项目中不起作用?

javascript - 找到匹配项后防止在 jQuery 中向下遍历

html - 垂直居中下拉菜单

css - Futura Condensed Extra Bold 的字体系列不起作用

CSS: IE "ignores"字体系列,正文除外