究竟如何使用@ font-face规则?

问题描述

我当前遇到一个问题,试图将网站上的字体更改为Helvetica Neue Bold。我对此进行了一些研究,也许我只是想念这里的标记。我已经获取了字体并通过字体生成器运行它们,然后我在css文件夹中创建了一个文件夹,标为“ Fonts”,并在文件夹中指定了这些字体。第三,我将以下代码添加theme.css

@font-face {
font-family: "Helvetica Neue Bold";
src: url("css/fonts/HelveticaNeueLTStd-Bd.eot");
src: 
url("css/fonts/HelveticaNeueLTStd-Bd.woff") format("woff"),url("css/fonts/HelveticaNeueLTStd-Bd.ttf") format("truetype"),}

最后,在使用方括号编码程序的预览模式下,我正在使用代码

     <a class="navbar-brand" href="#">
<font face="Helvetica Neue Bold" color="white" size="4">REVOL</font>
    </a>

并且我没有看到字体更改为所需的字体?我不确定自己在做什么错。有任何想法吗?谢谢您的提前帮助。

解决方法

在HTML 4中,QAudioInput: failed to open audio device QAudioInput: failed to open audio device QObject::connect(QIODevice,Unknown): invalid nullptr parameter QAudioInput: failed to open audio device QAudioInput: failed to open audio device QObject::connect(QIODevice,Unknown): invalid nullptr parameter 标签用于指定字体,字体大小和文本颜色。有关更多信息,请参阅here

因此,直接应用字体的方法是,可以在css(内联或外部)中使用<font>,其名称是font-family的一部分。

@font-face
@font-face {
  font-family: "Helvetica Neue Bold";
  src: url("css/fonts/HelveticaNeueLTStd-Bd.eot");
  src: url("css/fonts/HelveticaNeueLTStd-Bd.woff") format("woff"),url("css/fonts/HelveticaNeueLTStd-Bd.ttf") format("truetype"),}

.paragraph {
  font-family: "Helvetica Neue Bold";
}