程序博客网 > 注册淘宝卖家要钱吗

前端设计必备-Font awesome 插件使用菜鸟言语

来源：互联网发布：注册淘宝卖家要钱吗编辑：程序博客网时间：2024/06/05 03:24

font awesome 是一个封装好的“插件”、你在使用的时候直接调用对应的类即可。

原理：是将ICON做成了字体、然后封装起来、对于我们而言操控字体比操控图片我们容易很多。

使用说明：去官网http://fortawesome.github.io/Font-Awesome/#examples
下载最新版本的文件、解压之后、将“css”和"fonts"两个文件夹复制到当前工作目录跟目录下。注意：一定要将fonts放入、并且与

css同级！结构如图即可！

准备工作做好之后
接下来就可以动手感受一下font awesome的魅力了！新建一个空页面。随便写一个标签、

<i class="fa fa-link"></i>

备注：fa为统一的样式、必须填写、后面的为对应的图标的类、这样出来的效果就是你想要的。这个链接样式是封装好的、你如果想改变、只需要在自己的样式表里面复写其样式即可、eg： fa-link{ color:#000000; font-size:16px } 这样、图标就会变黑变大！是不是很自由呢？

到这里、大家肯定很好奇我是怎么知道哪个图标的类名的？又有人会感叹：我可没有能力记住那么多类名。这样的体验真的不是很好、所以万能的大神造就了搜索神器：http://www.thinkcmf.com/font/search.html奥森图标寻找只需要在输入框输入你想要寻找的图标、大部分都会出来的、
当然、现在这个库还不是很完善、但是在不断地壮大。如今已经由最初的几十个图标增长到五百多个了。

大家可以来看官方的宣传语

接下来大家又想了、这个东西这么美、那兼容性呢？
实话实说、font awesome一直以来对IE的支持都不是很理想、之前Font Awesome官方出过对Font Awesome 3.2.1的IE7兼容性解决方案，但其最新版本4.2.0至今未有任何动作。 ThinkCMF秉承开放至精神，集己所力推出Font Awesome 4.2.0兼容性解决方案,目前已完美兼容至IE7。
大家遇到兼容性问题可以来这里查询：http://bbs.thinkcmf.com/forum.php?mod=viewthread&tid=347

兼容性解决方案：
在 `<head>` 标签里, 引入 font-awesome.min.css.
<linkrel="stylesheet"href="path/to/font-awesome/css/font-awesome.min.css">
<linkrel="stylesheet"href="path/to/font-awesome/css/font-awesome-ie7.min.css">

0 0

注册淘宝卖家要钱吗

注册淘宝卖家要钱吗

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子 2019魔童暗黑版超人暗黑之骷髅王暗黑茄子作品暗黑破坏神2手机中文版暗黑破坏神3图片暗黑破坏神图片暗黑破坏神之暗黑破坏神之全职野蛮人暗黑破坏神3手机版暗黑破坏神3职业暗黑破坏神剧情暗黑破坏神3破解版暗黑破坏神3下载暗黑破坏神2吧暗黑破坏神3职业推荐暗黑破坏神手机单机版暗黑破坏神3好玩吗暗黑3套装地下城暗黑破坏神3单机版暗黑破坏神3多大暗黑破坏神安卓版暗黑破坏神3吧暗黑破坏神3剧情暗黑破坏神网页版暗黑之破坏神暗黑三多少钱暗黑的破坏神暗黑之传奇野蛮暗黑3 多少钱脸上暗黑怎么办暗黑屠龙下载 91wan暗黑屠龙暗黑烈焰手游暗黑血统攻略大菠萝3 黑暗3 黑暗破坏神3 黑暗路基艾尔暗黑龙骑士暗龙特工光暗龙作品