Chcesz, aby ikony z kraciastą czcionką były klikalne

Question

Więc jestem nowy w tworzeniu stron internetowych i próbuję powiązać wspaniałe ikony fontów z profilami społecznościowymi, ale nie jestem pewien, jak to zrobić. Próbowałem użyć tagu href, ale wszystkie ikony prowadziły mnie do jednej witryny zamiast do tej, którą chciałem. Oto kod:

<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> 

Chciałbym, aby każda z tych ikon była wyświetlana w odpowiednich profilach. Jakieś sugestie?

Answer 1

Można owinąć te elementy w tagu kotwicy

jak ten

<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

Jeśli nie chcesz, aby dodać go do linku, można po prostu zamknąć go w rozpiętości i że praca.

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

w CSS, a następnie można:

#clickableAwesomeFont { 
    cursor: pointer 
} 

Następnie w skrypcie java, można po prostu dodać do obsługi kliknięcia.

W przypadku, gdy jest to rzeczywiście nie link, myślę, że jest to o wiele czystsze i za pomocą łącza zmieni się jego semantyka i nadużywając jej znaczenia.

Answer 3

Używanie bootstrap z czcionką niesamowitą.

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