【Rails】FontAwesome의 도입 방법

1935 단어 RailsFontAwesome

소개



이 기사에서는 FontAwesome의 도입 방법을 설명합니다.
Font Awesome 는, 자신의 웹사이트나 어플리케이션, Word나 PDF등의 문서에도 포함할 수 있는 Web 아이콘 폰트의 것으로 상용 이용도 할 수 있습니다.

FontAwesome 소개



먼저 gem
gemfile
gem 'font-awesome-rails'

잊지 말고 bundle install
터미널
$ bundle install

마지막으로 application.scss 편집

application.scss
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */
 /*
*/
@import "bootstrap";
//↓ 追加
@import "font-awesome";

이제 사용할 준비가 되었습니다.

사용해 보자.



링크를 넣고 싶은 장소에 넣는 것으로 사용할 수 있게 됩니다.
예를 들어 캘린더 아이콘을 표시해 봅시다.
<i class="fa fa-calendar" aria-hidden="true"></i>

아래와 같이 캘린더 아이콘이 표시되면 성공합니다.

좋은 웹페이지 즐겨찾기