CSS中的字符图标是指使用Font Awesome等字体图标库中的特殊字符来替代图片作为页面中的图标。它具有减小网页体积、减少HTTP请求等优点,同时也可以通过CSS样式来进行自定义。那么如何在网页中
html <button class="btn"><i class="fa fa-home"></i>回到首页</button>
css @font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot?v=4.7.0'); src: url('font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('font/fontawesome-webfont.woff?=v=4.7.0') format('woff'), url('font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
粉丝
0
关注
0
收藏
0