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

Online-Zitat-Schriftart, fantastisches Schriftarten-Symbol

高洛峰
高洛峰Original
2016-11-01 13:22:112302Durchsuche

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

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

<i class="fa fa-quote-left"></i>
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;    
}
4. Weitere Symbole: http://www.fontawesome.com.cn/faicons/#webapp-icons

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