답변

1

GitHub 프로젝트에서 Using Font Awesome wiki page을 참조하십시오. v2.0.9 릴리스보다 최근 버전이므로 현재 권장되는 방법이라고 생각합니다.

+0

고마워 : 아이콘 이름이 지침은 여기에 있습니다

벗겨 아이콘 - 접두사와 링크 텍스트를 앞에는! – tiktak

+0

이것을 사용하려면 _gemfile_에'gem 'less-rails'를 추가해야합니다. 아래 내 대답을 참조하십시오. –

3

기본적으로 twitter-bootstrap-rails에서 지원됩니다.

그냥 다음과 같이 HTML 코드에 아이콘을 추가 :

<i class="icon-refresh"></i> 

더 많은 아이콘 여기 예 : http://fortawesome.github.com/Font-Awesome/

2

트위터 - 부트 스트랩 레일 보석 트위터 부트 스트랩 CSS를 사용하기 때문에 더 종속성이를 적게. 프로젝트에서에 글꼴 멋진 설정하기 위해 당신은 당신의 Gemfile:assets 그룹에

gem 'less-rails'

gem 'therubyracer'

를 추가해야합니다. 그런 다음 프로젝트에서 사용할 수 있습니다.

1

당신은 다음과 같이 HTML 코드에 아이콘을 추가 할 수 있습니다

<i class="icon-search"></i> 

그러나 레일 LINK_TO 도우미의 장소 아이콘이 ilink_to 도우미 방법을 사용합니다.

1) Gemfile에 자산 그룹에 보석을 추가합니다 : 보석 '덜 레일 - fontawesome'

2) 번들 설치 실행 : 아래의 단계에 따라

3) 수 물론 @import 'fontawesome';은 app/assets/stylesheetes/bootstrap_and_overrides.css.less에서 주석 처리가 해제됩니다.

4) * link_to * helper 대신 * ilink_to * helper를 사용하십시오.

<%= ilink_to "upload-alt", "Edit", edit_post_path(post), class: 'btn btn-mini' %> 

것을 제외 : 당신이 도움을 https://github.com/wbzyl/less-rails-fontawesome