Heim > Web-Frontend > HTML-Tutorial > Online-Zitat-Schriftart, fantastisches Schriftarten-Symbol

Online-Zitat-Schriftart, fantastisches Schriftarten-Symbol

高洛峰
Freigeben: 2016-11-01 13:22:11
Original
2270 Leute haben es durchsucht

1. Fügen Sie den folgenden Link im

-Tag der HTML-Seite hinzu
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Nach dem Login kopieren

2. Verwenden Sie den -Tag plus Klassennamen, um die entsprechenden Iconfonts auf der Seite darzustellen; 🎜>

<i class="fa fa-quote-left"></i>
Nach dem Login kopieren
3. Je nach Symbolauswahl ist auch die Klasse unterschiedlich, die aufgerufen werden soll, und klicken Sie darauf, um den entsprechenden Code zu erhalten. Wenn Sie den Stil ändern möchten, können Sie den Klassennamen direkt aufrufen und den Symbolstil ändern, indem Sie die Schriftart ändern.

.fa{
    font-size: 20px;
    color: #2c3e50;    
}
Nach dem Login kopieren
4. Weitere Symbole: http://www.fontawesome.com.cn/faicons/#webapp-icons

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage