多一米

关注用户体验
独有执着之见

多一米 / 设计与开发 / 前端设计 /

  • 栏目

荐读

如何在前端有效引入Font Awesome字体文件

/uploadfile/image/20180518/15266071548090681.jpg

做网页前端设计,我最怕做各种图标,Font Awesome很好的解决了我的问题。

然而,如何引入又成了我纠结的地方,放到自己的服务器上,需要提供MIME的后缀解释,引用不靠谱的地方的,又怕人家改地址,自己的网站废掉!

现在想想,这种想法纯粹多余,我不办网站,估计那些CDN加速的服务器都不会停掉,纯粹是杞人忧天。

Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。

我知道Font Awesome字体应用是通过thinkcmf.com了解的,它也提供了字体搜索功能,相当不错,推荐一下。


最简单的方式:BootstrapCDN (由MaxCDN提供)

一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西!

将以下代码粘贴到网页HTML代码的 <head> 部分.

<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

需要支持IE7?


如果需要支持IE7,那真的十分抱歉。Font Awesome从4.1.0版本开始不再支持IE7, 但更早的版本仍然支持。

ThinkCMF提供了4.2版本IE的支持方案,点击这儿了解一下


[前端设计]
[前端设计]

网友点评

用微信扫一扫
关注多一米

给我留言 返回顶部 返回首页