CSS之通过伪元素添加图标字体

这里使用的是Font Awesome图标字体库

通过伪元素设置图标字体:
1.找到要设置图标的元素通过before或after选中
2.在content中设置字体的编码
3.设置字体的样式
fab:
font-family: ‘Font Awesome 5 Brands’

fa,fas:
font-family: ‘Font Awesome 5 Free’;
font-weight: 900;

Demo:




    
    
    
    
    图标字体
    


    

今夕何夕兮

搴舟中流

今日何日兮

得与王子同舟

"fa">

你可能感兴趣的:(CSS样式表)