Font Awesome
Friends who have used Bootstrap font symbols must be familiar with the convenience of font symbols. Whether in terms of loading or modifying, font symbols are far better than pictures. But I'm hungry? The encapsulated Element UI provides very few fonts and characters, and I don't want to use pictures, so I can only expand the characters by myself.
Font Awesome provides 675 scalable vector icons that can be changed using all the features provided by CSS, including size, color, shadow or any other supported effects. There are many advantages that you don't give examples. You can view the document yourself:/
npm install font-awesome
npm install font-awesome --save-dev1
font-awesome introduction
Introduce font-awesome in the file
import 'font-awesome/scss/'1
Then use it in the component to achieve:
<span class="fa fa-camera-retro fa-lg"></span>
The above method of introducing Font Awesome to Vue third-party font icons is all the content I share with you. I hope you can give you a reference and I hope you can support me more.