想讓字體真棒圖標可點擊

Question

因此，我對網絡開發不熟悉，我試圖將字體真棒圖標鏈接到我的社交個人資料，但我不確定如何做到這一點。我嘗試使用一個href標籤，但它使所有的圖標帶我到一個網站，而不是我想要的。這裏是代碼：

<i class="fa fa-dribbble fa-4x"></i> 
<i class="fa fa-behance-square fa-4x"></i> 
<i class="fa fa-linkedin-square fa-4x"></i> 
<i class="fa fa-twitter-square fa-4x"></i> 
<i class="fa fa-facebook-square fa-4x"></i> 

我希望每個這些圖標去他們各自的配置文件。有什麼建議麼？

Answer 1

你可以用在錨標記這些元素

這樣

<a href="your link here"> <i class="fa fa-dribbble fa-4x"></i></a> 
<a href="your link here"> <i class="fa fa-behance-square fa-4x"></i></a> 
<a href="your link here"> <i class="fa fa-linkedin-square fa-4x"></i></a> 
<a href="your link here"> <i class="fa fa-twitter-square fa-4x"></i></a> 
<a href="your link here"> <i class="fa fa-facebook-square fa-4x"></i></a> 

Answer 2

如果你不希望它添加到一個鏈接，你可以將其包含在範圍之內，並且會工作。

<span id='clickableAwesomeFont'><i class="fa fa-behance-square fa-4x"></span>

在你的CSS，那麼你可以：

#clickableAwesomeFont { 
    cursor: pointer 
} 

然後在Java腳本，你可以添加一個單擊處理程序。

如果它實際上是而不是鏈接，我認爲這樣會更清晰，並且使用鏈接會改變它的語義並濫用其含義。

Answer 3

使用引導與字體真棒。

<a class="btn btn-large btn-primary logout" href="#"> 
     <i class="fa fa-sign-out" aria-hidden="true">Logout</i> 
</a>