Question

我正在使用这个css脚本：

#top_menu li a {
 display:block;
 margin-top:2px;
 font-family: 'Federant', cursive;
 font-size:16px;
 color:#8f7a60;
 padding:21px 30px;
 border-right:1px solid #1e1a18;
 border-left:1px solid #302a26;
}

我网站上的文字，但它并没有成为联邦家庭。如何包含它？

Answer 1

如果没有提供CSS的上下文的任何细节，我们只能猜测可能存在的问题。

最可能的是，Federant字体不是标准的Web字体。如果它未安装在访问者的系统上，则该页面无法使用它。

您可以提供后备标准字体（实际上应该）。
如果字体的许可证允许，您也可以将其嵌入样式表中。因此，浏览器将加载字体并将其应用于链接。

以下是嵌入字体的代码示例：

@font-face {
    font-family: 'Federant';
    src: url('fonts/Federant.eot'),
         url('fonts/Federant.ttf') format('truetype'), 
         url('fonts/Federant.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

Answer 2

听起来CSS不知道那个字体是什么，所以必须包含它。

请参阅，浏览器中有内置字体的webfonts，例如sans-serif，arial，serif等。如果它不是'webfont'，那么必须手动包含它。

为此，您将需要字体文件，然后您可以将它们包含在CSS中，如下所示：

@font-face Federant  {
    font-family: 'Federant';
    src: url(../fonts/Federant.woff);
}

#top_menu li a {
  font-family: Federant;
}

CSS家庭问题

2 个答案: