【HTML5/CSS/JS】A list of Font Awesome icons and their CSS content values(一)
来源:互联网 发布:win7卸载ubuntu双系统 编辑:程序博客网 时间:2024/06/05 18:00
做网站的时候,看到一个font Awesome字体,里面包含着常用的图片,可以直接在网站上使用
Font Awesome is a web font containing all the icons from the Twitter Bootstrap framework, and now many more. Whilst the implementation in Bootstrap is designed to be used with the<i>
element (Bootstrap v2), you may find yourself wanting to use these icons on other elements. To do so, you'll need to use the following CSS on the desired element, and then substitute in the content value for the relevant icon.
.element {
position
:
relative
;
}
/*replace the content value with the
corresponding value from the list below*/
.element:before {
content
:
"\f000"
;
font-family
: FontAwesome;
font-style
:
normal
;
font-weight
:
normal
;
text-decoration
: inherit;
/*--adjust as necessary--*/
color
:
#000
;
font-size
:
18px
;
padding-right
:
0.5em
;
position
:
absolute
;
top
:
10px
;
left
:
0
;
}
Note: it is not possible to use :before or :after pseudo content on <input>
elements, however if you instead use <button>Label</button>
, it will work as desired.
下面是一个使用了FontAwesome字体的网站角标部分
网站角标的网站:http://tutorialzine.com/2015/01/freebie-5-responsive-footer-templates/
下载链接:http://download.csdn.net/download/teng_ontheway/9538223
原文链接:https://astronautweb.co/snippet/font-awesome/
- 【HTML5/CSS/JS】A list of Font Awesome icons and their CSS content values(一)
- Font Awesome 自定义 CSS
- CSS网页使用Font Awesome图标字体时,css定义 content 属性
- 网页使用Font Awesome图标字体时,css定义 content 属性
- Font Awesome:图标字体,完全CSS控制
- Font Awesome:图标字体,完全CSS控制
- jQuery Mobile如何引用Font Awesome Icons
- Font Awesome图标:代码 content:
- CSS 中Font Awesome 图标(附码表)
- Font Awesome(一)
- Get a list of network interfaces and their IP addresses in C
- FCC学习笔记-(一) HTML5 and CSS
- Buttons及font awesome icons结合的使用
- 二十二.完善Dashboard页面并更改font awesome icons
- 使用Font Awesome替换你的网站图标(icons 图标)
- font-awesome的使用及其属性content
- html5 and css
- awesome icons
- 微型真空水泵WAJ280降低工作电压测试报告
- JZOJ.3400【GDOI2014模拟】旅行 解题报告
- 微型气泵最大启动压力试验报告
- 2016-06-01错误日志-部署
- js函数(类)的继承机制的设计与实现(四)
- 【HTML5/CSS/JS】A list of Font Awesome icons and their CSS content values(一)
- An introduction to the credit scheduler in Xen
- 微型泵输出流量脉动性研究
- 进程互斥
- 微型抽打气泵FNY较FAY的优势
- Redis之常用通用命令整理
- Duilib 第一课 2016年6月一日
- 微型真空泵VJY6639与VQY6538产品的比较
- IntelliJ IDEA的使用配置记录