Font Awesome 4.0.0 Missing Icons

前提是你 提交于 2019-12-05 10:51:50

问题


Is it just me or there are actually icons in FontAwesome 3.x.x that are missing from FontAwesome 4.0.0? If so, this definitely makes FontAwesome much less awesome for me...

For example, I can't seem to find the equivalent to icon-remove (there is no fa-remove, or fa-delete as far as I can tell).

Having to rename all icon references in my application is annoying enough. Not being able to reproduce what was possible in 3.0 is really, really bad.

Not being able to access v3.x cheatsheet and other documentation any more: unacceptable!


回答1:


icon-remove is renamed to fa-times in v4.0.0.

Quick comparison:

  • old one
  • new one

Note that some icons that seem to be missing can be easily constructed using stacking options - I have created an example for icon-remove-sign replaced by fa-times stacked on fa-circle.

Note: As @VaclavElias pointed out, icon-remove-sign is now fa-times-circle. The above is just an example of stacking.




回答2:


The 4.0.0 release has the same icons as 3.2.1, but the naming conventions and many of the individual icon names have been changed.

You can view a list of changes that Geremia Taglialatela compiled over on the Github wiki for Font Awesome:

  • Upgrading from 3.2.1 to 4

Also, you can still access the documentation for 3.2.1 here




回答3:


I wrote a little LESS file that allows the integration of the old names into the new FontAwesome version. For this is took the list Michał Rybak posted: Upgrading from 3.2.1 to 4.0

If anyone is interested in downloading, you can find it on Github: Download v3 to v4 FontAwesome Integration




回答4:


--EDITED--

Michal Rybak is actually spot on. You should submit that as an answer. The icon looks exactly the same. Can't believe I missed that.

Though I'd like to point out, in the FA site it says, if you know what it looks like you know the class name in 4.0, It think it looks like a cross, or X. I would have never guessed "times"

--ORIGINAL--

I came here looking for fa-remove as well! That's disappointing. Now it looks like I have to revert back to a previous version after having migrated 2/3rd of my app to the new version.

To answer your point about documentation: The old version can be accessed here:

http://fontawesome.io/3.2.1/

I found the link while browsing through their site and stumbled upon their notice about no IE7 compatibility.

This definitely needs to be linked (atleast) in the footer




回答5:


I have noticed that the Wikipedia icon is still missing on 4.0 and even 4.3 but this workaround worked for me:

.fa-wikipedia:before { font-family: "Times New Roman", Times, serif; font-weight: 400; 
content: "VV"; letter-spacing:-0.45em; margin-right:0.5em; }

http://jsfiddle.net/fLktadyn/8/



来源:https://stackoverflow.com/questions/19554854/font-awesome-4-0-0-missing-icons

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!