Question

所以我使用字体系列作为标题文本（Aileron是特定的），字体系列有各种权重，如“Light”，“Bold”，“ExtraBold”等等。你会如何在CSS中声明具体权重？

这是我的代码：

h1{
    font-family:Aileron-Black;
    font-size:49pt;
    letter-spacing:-3px;
    color:white;
}

我会尝试取下连字符并将该系列的名称放在引号中，但似乎没有什么可行的。

Answer 1

首先，通过Bold和Thin中的CSS包含字体：

@font-face {
  font-family: 'Aileron';
  font-style: normal;
  font-weight: 100;
  src: local('Aileron' ), url('path/to/font/Aileron.woff') format('woff'); }

@font-face {
 font-family: 'Aileron';
 font-style: normal;
 font-weight: 800;
 src: local('Aileron-Black' ), url('path/to/font/Aileron-Black.woff') format('woff'); }

然后使用font-weight propety声明要使用的font-weight。对于粗体字，请使用800：

h1{ 
 font-family:'Aileron';
 font-size:49pt; 
 letter-spacing:-3px;
 color:white;
 font-weight: 800; }

或者对于瘦字体使用100：

h1{ 
 font-family:'Aileron';
 font-size:49pt; 
 letter-spacing:-3px;
 color:white;
 font-weight: 100; }

Answer 2

您需要使用font-weight属性，它需要数值或关键字值（例如普通或粗体）。您需要在CSS代码中查找正在使用的字体的font-face声明，在那里您将看到特定的font-weight。

Here您可以找到更多信息。

关于你的案子：

h1{
    font-family: "Aileron";
    font-size:49pt;
    font-weight: bold;
    letter-spacing:-3px;
    color:white;
}

特定字体系列重量/倾斜/风格？

2 个答案: