新手问题 奇怪的坑:font-awesome-rails

chairy11 · 2013年11月26日 · 最后由 chairy11 回复于 2014年03月17日 · 4341 次阅读

用 font-awesome-rails(貌似这个 gem 更新快)。 用:

<i class="fa fa-camera-retro"></i> fa-camera-retro

图标死活出不来!

结果,用了用它们的 helper,

<%= fa_icon "camera-retro", text: "Take a photo" %>

图标出来了……

难道 helper 是强制使用的?姐勤奋点写原生的不行?

helper 生成的啥代码?跟你手写的比较一下呢

#1 楼 @loveky 你提醒我了!这思路真好!

按说 FontAwesome 4 新写法应该是:

<i class="fa fa-camera-retro"></i>

但 helper 生成的是 FontAwesome 3 的写法:

<i class="icon-camera-retro"></i>

但这个 gem 文档提示的是说:

fa_icon "camera-retro"
# => <i class="fa fa-camera-retro"></i>

为何?我用的是这个 gem 的最新版啊!

#1 楼 @loveky 不对,我查了查,我竟然装的不是最新版。我没事 bundle update,我在 gemfile 里又没有写版本号,难道不会自动升到最新版本的 gem 吗?

#4 楼 @Rei 我暂时不想写定版本号,还有什么能让 Gem 都是最新版的方法吗?

#3 楼 @chairy11 妹子今年越来越程序员化了-_-,可以考虑下发展成 arrow 里的 it 女~~

妹子好强大,哈哈

#6 楼 @Arthur_h “arrow 里的 it 女”是什么?

#7 楼 @xjz19901211 我也好想对自己说这句话啊!可惜我还是菜鸟……

@chairy11 无意间点了下妹子的帐号,第 827 位会员,我的 728 位,这是传说中的缘分么,哈哈

#10 楼 @xjz19901211 哈哈哈哈,你说是就是吧……

#1 楼 @loveky #4 楼 @Rei 现在升级到 gem "font-awesome-rails", "~> 4.0.3.0", helper 生成的是 font-awesome4 的语法,比如, 但图标就是出不来,显示是 0px*0px,你们见过这种情况吗?

补充:好吧,我用了旧的原生语法,比如,倒是图标出来了,看来版本很混乱了……

#8 楼 @chairy11 绿箭侠里的一个角色。。随便开个玩笑~

#12 楼 @chairy11 可以在 github 上给他们 open 个 issue 啊,说不定是个 bug。Be Open! :)

浏览器调试直接看现在的 css 是什么样的

#15 楼 @loveky 。。。貌似是我内部版本冲突,因为我用了个 rails_admin,它依赖 font-awesome-rails ~> 3.0,但我自己原生的用了 gem "font-awesome-rails", "~> 4.0.3.0"。两个版本不知道它内部如何解决的……

#16 楼 @Rei 用版本 3 原生语法可以,版本 4 原生语法不行。 而 helper 生成的是版本 4 的原生语法,也不行……

#17 楼 @chairy11 之前有人说我那篇“你不需要这些 gem”应该把 rails_admin 写上,我说没看见人用,祸害不大,不用写了。

#19 楼 @Rei 需要啊,大哥,rails_admin 这个 gem 省却了整个后台管理的功夫啊!

#20 楼 @chairy11 如果觉得 rails_admin 够用,不如找个数据库的图形客户端好了。

#21 楼 @Rei 。。。我现在还不太清楚,我小伙伴弄的……

#17 楼 @chairy11 你这种情况应该放弃的大概是 font-awesome-rails 这个 gem,直接用 rails 前端的方法自己管理 font,这样也方便日后自定义图标什么的,很简单的,基本上就是将 font 文件复制到自己项目中,比如vendor/assets/fonts,(font 文件可以加个前缀什么的防止文件名冲突,大概就不会影响 rails_admin 的图标)将 css 文件改成.css.erb,将对应的 font_path 改掉就完事了,顶多将 helper 从 gem 里面复制一下……你可以看一下那个 gem 的源码,实际上和上游比起来根本就没多几行代码,这种纯前端的东西封成 gem 用起来要自定义反而麻烦了……

#23 楼 @aptx4869 没看懂啊……你是说直接在 font awesome 官方网站下载这个文件?那下次更新了我还得重新下载一次,感觉不够先进耶……

25 楼 已删除
需要 登录 后方可回复, 如果你还没有账号请 注册新账号