为链接使用两种不同的字体？

Question

我正在用HTML创建最终项目的网站。我使用的是我下载的两种不同的网络字体。一个用于我页面顶部的链接（链接到最终的其他网页），第二个字体基本上用于每个页面上的其他所有内容。我正在使用外部样式表（项目的要求），在该样式表中，它指定了我想用于链接的字体。问题是，我想在我的一个页面的底部创建不使用相同字体的链接，而是使用不同的字体，同时仍然在页面顶部的链接上保留相同的字体。

这是我网页的顶部，我希望此处的链接为此字体

这是同一个网页的底部，我希望这里的链接有一个与Font Freak左边的文字相匹配的字体

Answer 1

这是一个如何将字体样式分配给不同元素的示例

body
{
font-family: 'Gothic A1', sans-serif;
}

a
{
text-decoration:none;
}

.another
{
color: #262626;
font-family: 'Do Hyeon', sans-serif !important;
}

.desired
{
color: #c69145;
font-family: 'Gugi', cursive !important;
}

<link href="https://fonts.googleapis.com/css?family=Gothic+A1" rel="stylesheet"> 

<link href="https://fonts.googleapis.com/css?family=Do+Hyeon" rel="stylesheet"> 

<link href="https://fonts.googleapis.com/css?family=Gugi" rel="stylesheet"> 

This is deault font used in css for body
<hr>
<a href="#nothing">Nothing</a>

<br><Br>
This is specified font for a class used inside anchor tag
<hr>
<a href="#something" class="another">Something</a>

<br><br>
For more fonts just create another class and write your desired css in it with font-family .
<hr>
<a href="#desired" class="desired">Desired</a>