How to use the icon-rate-face of Element-ui Rate crying face and smiley score component in a vue project

When novices test the Icon version of element-ui's scoring component (see below), the page is blank after ctrl cv

Want to come is lack of corresponding iconfont

So write down the tutorial to help vue novices like me

1. Download the font file first

https://github.com/ElemeFE/element/tree/dev/examples/assets/styles/fonts

2. Save to the /assets folder under the src directory of the vue project

3. Introduce in main.js

import '@/assets/fonts/style.css'

4. Results 

 

It can be used normally.