关于FontAwesome网站图标字符的引用

2017-11-27| 发布者: 理想谷| 查看: |

           
关于FontAwesome网站图标字符的引用
 http://fontawesome.dashgame.com/
这个是FontAwesome网站
其特殊字符常见于HTML5自适应网站的制作,这样做的好处在于无需加载图形,图形文字代码化.不失真.
用法

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
} 

前台调用

.fa-glass:before {
  content: "\f000";
}

一般我们用

进阶方式:自定义 LESS 或 SASS调用
里面有介绍 


 
QQ在线咨询
售前咨询热线
0635-5050950
售后服务热线
137-8073-4162
返回顶部