Home  >  Article  >  Web Front-end  >  Online quote font awesome font icon

Online quote font awesome font icon

高洛峰
高洛峰Original
2016-11-01 13:22:112219browse

1. Add the following link in the

tag of the HTML page
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

2. Use the tag plus the class name to present the corresponding iconfonts on the page;

<i class="fa fa-quote-left"></i>

3. Depending on the icon selection, the class will be different , select the icon to be called, and the corresponding code will appear when you click it. If you want to modify the style, you can directly call the class name and change the icon style by changing the font.

.fa{
    font-size: 20px;
    color: #2c3e50;    
}

4. More icons: http://www.fontawesome.com.cn/faicons/#webapp-icons

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn