前段时间小幻想在站点内引用一下FONTAWESOME 的图标,不过看样子好像是要加载一下官方的CSS才可以,于是只好下载了官方CSS,不过看了下,原来那货就是在CSS中加载了一个字体,再给那些矢量字体(即FONTAWESOME 图标)编码赋予值,那么,我就呵呵呵了…
首先CSS中加载一下字体文件,然后,下面的就可以搞定了(当然,哪天微软默认带着FONTAWESOME 字体那就不需要了)
所以,小幻果断不用 Fontawesome 提供的类,只想在 css 里面引用图标,可以这样子,其余请自行脑补:
.icon:before {
content: '\f007';
font-family: FontAwesome;
}
编码就附上和官方CSS想对应的值,下表 (点击下一页)
关于加载FONTAWESOME字体
@font-face {
font-family:'FontAwesome';
src:url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.eot?v=4.1.0);
src:url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular)format('svg');
font-weight:normal;
font-style:normal
}
字体源是小幻的,可以自己通过下载,保存!
废话:最后说一下那个引用图标的那个东东吧 http://ihuan.me/shuo 碎言碎语~~~
wonderful submit, very informative. I’m wondering why the opposite experts of
this sector do not understand this. You must proceed your writing.
I am sure, you have a great readers’ base already!
2018年7月13日 03:23Hello, Neat post. There’s an issue wigh your site in internet explorer,
2018年7月12日 12:24could test this? IE still is the marketplace leader and a large section of people
will omit your fantastic writing befause of this problem.
Verry rapidly this site will be famous amid all blog visitors, due
2018年7月12日 11:56too it’s fastidious posts
Heya are using WordPress foor your blog platform? I’m new to the
2018年7月12日 11:35blog world but I’m trying to get started and create my own. Do you require any html coding
knowledge to make your own blog? Any help would be greatly appreciated!
Pretty nice post. I simply stumbled upon your weblog and
2018年7月11日 19:22wanted to mention that I have truly loved surfing arond your weblog posts.
After all I will be subscibing for your feed and I’m hoping you write
onmce more soon!
Thanks a bunch for sharing this with all people you really recognise what you are talking approximately!
2018年7月11日 18:19Bookmarked. Kindly additionally talk over with my web site
=). We can have a limk alternate agreement among us
Cool article! Interesting tips over here. It’s pretty worth enough for me. Personally, if all site owners and bloggers made good content as you did, the net will be a lot more useful than ever before.| I could not refrain from commenting. I ‘ve spent 3 hours searching for such informations. I will also share it with a couple of friends interested in it. I have just bookmarked this web. Right now with the work done, I going to find some Russia 2018 Cams. Gracias!!! Regards from WM 2018!
2018年7月11日 17:13There’s noticeably a bundle to learn about this. I assume you made sure good points in features also.
2018年7月11日 01:33If some one needs to be updated with newest technologies after that he must
2018年7月10日 21:53be pay a quick visit this web site and be up to
date all the time.
Stunning story there. What happened after? Thanks!
2018年7月10日 21:20