Home > Web Front-end > HTML Tutorial > Online quote font awesome font icon

Online quote font awesome font icon

高洛峰
Release: 2016-11-01 13:22:11
Original
2262 people have browsed it

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">
Copy after login

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

<i class="fa fa-quote-left"></i>
Copy after login

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;    
}
Copy after login

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

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template