开发手册 欢迎您!
软件开发者资料库

Font Awesome- 文件类型图标

Font Awesome文件类型图标 - 学习Web图标概念简单易行的步骤从概述,字体真棒介绍,Web应用程序图标,手图标,交通图标,性别图标,文件类型图标,微调图标,窗体控制图标,付款图标,图表图标,货币图标,文本编辑器图标,方向图标,视频播放器图标,品牌图标,医疗图标,材料图标简介,行动图标,警报图标,AV图标,通信图标,内容图标,设备图标,编辑器图标,文件图标,硬件图标,图像图标,地图图标,导航图标,通知图标,社会图标,切换图标,Bootstrap Glyphicons。

本章介绍Font Awesome文件类型图标的用法.假设自定义是CSS类名,我们在其中定义了大小和颜色,如下面给出的示例所示.

                              

下表显示了Font Awesome文件类型图标的用法和结果.替换<身体>上面程序的标签,用表中给出的代码得到相应的输出 :

用法结果
< i class ="fa fa-file custom" >
< i class ="fa fa-file-archive-o custom">
< i class ="fa fa-file -audio -o custom">
< i class ="fa fa-file-code -o custom">
< i class ="fa fa-file-excel -o custom">
< i class ="fa fa-file-image-o custom">
< ; i class ="fa fa-file-movie-o custom">
< i class ="fa fa-file-o custom">
< i class ="fa fa-file-pdf-o custom">
< i class ="fa fa-file-photo-o custom ">
< i class ="fa fa-file-picture-o custom">
< i class = "fa fa-file-powerpoint -o custom">
< i class ="fa fa-file-video-o custom">
< i class ="fa fa-file-word -o custom">
< i class ="fa fa-file- zip-o custom">
< i class ="fa fa-file-sound-o custom">
< ; i class ="fa fa-file-text custom">
< i class ="fa fa-file-text-o custom">