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

Font Awesome- 定向图标

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

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

                              

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

用法结果
< i class ="fa fa -angle-double-down custom">
< i class ="fa fa-angle-double-left custom">
< i class ="fa fa-angle-double-right custom">
< i class ="fa fa-angle-double-up custom">
< i class ="fa fa-angle-down custom">
< ; i class ="fa fa-angle-left custom">
< i class ="fa fa-angle-right custom">
< i class ="fa fa-angle-up custom">
< i class ="fa fa-arrow-circle-down custom">
< i class ="fa fa-arrow-circle-left custom">
< i class ="fa fa-arrow-circle-正确定制">
< i class ="fa fa-arrow-circle-up custom">
< i class ="fa fa-arrow-circle-o-down custom ">
< i class ="fa fa-arrow-circle-o-left custom">
< i class ="fa fa-arrow-circle-o-right custom">
< i class ="fa fa-arrow-circle-o-自定义">
< i class ="fa fa-arrow-down custom">
< i class = "fa fa-arrow-left custom">
< i class ="fa fa-arrow-right cust om">
< i class ="fa fa-arrow-up custom">
< i class ="fa fa-arrows自定义">
< i class ="fa fa-arrows-alt custom">
< i class ="fa fa-arrows-h自定义">
< i class ="fa fa-arrows-v custom">
< i class ="fa fa-caret -down custom">
< i class ="fa fa-caret-left custom">
< i class ="fa fa-caret-right custom">
< i class ="fa fa-caret-up custom">
< i class ="fa fa-caret-square-o-down custom">
< i class ="fa fa-caret-square-o -left custom">
< i class ="fa fa-caret-square-o-right custom">
< i class ="fa fa-caret-square-o-up custom">
< i class ="fa fa-chevron-circle-down custom">
< i class ="fa fa-chevron-circle-left custom">
< i class ="fa fa-chevron-circle-right custom">
< i class ="fa fa -chevron-circle-up custom">
< i class ="fa fa-chevron-down custom">
< i class ="fa fa-chevron-left custom">
< i class ="fa fa-chevron-right custom">
< i class ="fa fa-chevron-up custom">
< i class ="fa fa-hand-o-down custom">
< i class ="fa fa-hand-o-left custom">
< i class ="fa fa-hand-o-right custom">
< i class ="fa fa-hand-o-up custom">
< i class ="fa fa -long-arrow-down custom">
< i class ="fa fa-long-arrow-left custom">
< i class ="fa fa-long-arrow-right custom">
< i class ="fa fa-long -arrow-up custom">
< i class ="fa fa-toggle-down custom">
< i class ="fa fa-toggle-left custom">
< i class ="fa fa-toggle-right custom">
< i class ="fa fa-toggle-up custom">
< i class ="fa fa-exch ange custom">