CSS3:不可思议的border属性 转载至——译文:不可思议的CSS border属性 原文:Magic of CSS border property Web字体图标Font Awesome 转载至——原文:A List of Font Awesome icons and their css content values…

---恢复内容开始--- 字体图标 1.将font-awesome-4.7.0文件夹放入项目内 2.在html head中连接 3.在body中导入 盒子显隐 1.使用高度显隐 <p>---恢复内容结束---</p> <style> div{ width: 100px; height: 100px; background-color: cyan; margin-top: 10px; font:900 18px/100px "STsong"; text…

设计师做的高保真原型图,难免会用到艺术字体. 采用切片的方式,简单,粗暴,节省时间.除了retina屏其它兼容性也是一流.但是在修改的时候,会花很大的力气.即使只是修改文字大小,也需要重新切图,更别说修改文字,或者改变文字颜色了. 有没有想过,文字本来就应该是它原本的样子.只是看起来像,似乎不和情理. 之所以不直接使用艺术字体,最大的一个问题就是字体文件,一般都太大了.轻轻松松就上兆的节奏.在网页这种流量寸土寸金的地方,真的是很难应用起来. 我们在一个网页上一般用到的艺术字体的地方,往往只有ba…

下载地址:http://fontawesome.dashgame.com/ 将下载下来的压缩包解压,然后解压,将下载的整个文件夹复制到你的项目中,在你需要用字体图标的html中引入“font-awesome.min.css” <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css"> 路径随你啦!这样就搞定了. 示例代码 <i class="fa fa-r…

文章目录 Font Awesome 字体图标 在某些编辑软件中使用 Font Awesome 字体图标 Font Awesome 为您提供可缩放矢量图标,它可以被定制大小.颜色.阴影以及任何可以用 CSS 的样式. 一套字库, 634 个图标 .FontAwesome 其实理解为我们日常在扁平化中使用的 Icon 图标. 在某些编辑软件中使用 需要说明的是,这里我所说的 某些编辑软件 是指一些图像编辑软件(如 Photoshop)以及 Powerpoint 软件:另外,我在Office 2016…

最近在研究icon font图标字库,找了一些比较好的在线字库.大都是开源的,而且各有特色! 阿里icon font字库 http://www.iconfont.cn/ 这个是阿里妈妈M2UX的一个icon font字体图标字库,包含了淘宝图标库和阿里妈妈图标库. fontello http://fontello.com/ 在线定制你自己的icon font字体图标字库,也可以直接从GitHub下载整个图标集,该项目也是开源的. icomoon http://icomoon.io/app/#/s…

1.什么是字体图标字体图标是一个包含许多图标的字体库.可以理解为一种特殊的字体,只不过里面包含的都是图标. 2.Font Awesome图标字体库Font Awesome是目前最受欢迎最全面的图标字体库.主要特点如下:1)是一种字体,包含605个图标(截止4.5.0版本)2)纯CSS控制,能够轻松定义图标的颜色.大小.阴影及任何CSS能够实现的效果.3)无限缩放,矢量图标在任何尺寸下都一模一样4)免费使用,包括商业和非商业项目5)兼容多浏览器版本 下图是Font Awesome图标字体库种的部分…

Icon font icon font 指的是用字体文件代替图片文件,来展示图标.特殊字体等元素的方法. 应用场景: iconfont的优缺点 大小能够自由地变化 颜色能够自由地改动 加入阴影效果 *IE6也能够支持 支持一些CSS3对文字的效果 字体文件比图片文件小非常多 由于是字体,所以仅仅能够显示纯色图片,不支持多种颜色的图片(缺点) 资源: 阿里icon font字库 这个是阿里妈妈M2UX的一个icon font字体图标字库,包括了淘宝图标库和阿里妈妈图标库. fontello 在线定…

今天呢,来推荐一款请轻量级 字体图标框架.Font Awesome 用法与bootstrap相似 打开网址.download下载,然后打开取到这两个,下载点这里,这个博客弄的挺好的. 找到examples,进去,用哪个,就直接把类名加上去,这里,提醒一下,最好用<i></i> 来包含图标. 点icons 面很多的图标 用哪个直接点哪个,出来找到他的类名,加进去就可以了 examples  里面有很多效果.甚至有动画的 注意  文件的路径要正确 在css文件里改路径:…

使用font-awesome字体图标库 font-awesome是一个比较大的矢量图标库,包含大部分IT类公司logo和常用的一些小图标,通过使用font-awesome提供的css样式集,可以在网页上轻松地添加图标.由于使用的是字体图标,所以利用文本相关的标签引用,并且放大不会失真.但是和字体不一样的是,如果用<i>标签或者<b>标签等引用的时候,并不会有斜体或者粗体的效果,但是<u>标签却有下划线的效果.在font-awesome官网上找到icon的名字,在引用的元…