究竟如何使用@font-face 規則？

Question

我目前遇到了一個問題，我試圖將我網站上的字體更改為Helvetica Neue Bold 。 我已經對此進行了一些研究，也許我只是錯過了這里的標記。 我已經獲取了字體並通過字體生成器運行它們，然后我在 css 文件夾中創建了一個文件夾，標記為“字體”，其中包含文件夾中指定的字體。 第三，我將以下代碼添加到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"),

}

最后，在我使用 Brackets Coding Program 的預覽模式中，我正在使用代碼

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

我沒有看到字體更改為所需的字體？ 我不確定我做錯了什么。 有任何想法嗎？ 提前謝謝你的幫助。

Answer 1

<font>標簽在 HTML 4 中用於指定文本的字體、字體大小和顏色。 有關它的更多信息，請參閱此處

因此，您可以直接應用字體的方式是，您可以在 css（內聯或外部）中使用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"; }

 <a class="navbar-brand" href="#"> <p class="paragraph">REVOL</p> </a> <!-- or --> <a class="navbar-brand" href="#"> <p style="font-family: 'Helvetica Neue Bold'">REVOL</p> </a>