Question

我第一次了解font-Face，似乎无法在任何地方找到我的解决方案..

我想只制作一个H1标签，以获得自定义字体，即我下载并放入名为 / fonts 的文件夹中的一种样式。

我只希望它出现在这个ONE H1标签中，所以我想通过HTML来实现这一点，而不是制作一个新的Div类。

风格的名称是“Sweetly Broken Bold”

有没有办法在H1标签本身中引用HTML中的font-face？

我似乎无法弄明白......

Answer 1

因此，您首先将字体导入HTML

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

然后对于H1，您希望在没有制作新div的情况下只使用字体：

<h1 style="font-family: 'Open Sans', sans-serif;">Hi!</h1>

您只需将font-family项目更改为该项目的所有内容＆＃34; Sweetly Broken Bold＆＃34;。

如果您使用的是本地字体，则只需将导入从上面的内容更改为

<link href='folder/localfont.ext' rel='stylesheet' type='text/css'>

Answer 2

1。）为该特定h1标签分配一个新类，例如

<h1 class="xyz1">[...Header Text...]</h1>

2。）在CSS（页面中的样式表或<style>标记中），创建一个这样的CSS规则：

.xyz1 {
  font-family: 'Sweetly Broken Bold'; 
}

此外：

3.。）而不是＃1和＃2，您也可以在HTML代码中写这个（=不需要额外的样式定义）：

<h1 style="font-family: 'Sweetly Broken Bold';">[...Header Text...]</h1>