【Rails】FontAwesome의 도입 방법
1935 단어 RailsFontAwesome
소개
이 기사에서는 FontAwesome
의 도입 방법을 설명합니다.
Font Awesome
는, 자신의 웹사이트나 어플리케이션, Word나 PDF등의 문서에도 포함할 수 있는 Web 아이콘 폰트의 것으로 상용 이용도 할 수 있습니다.
FontAwesome 소개
먼저 gem
gemfilegem '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>
아래와 같이 캘린더 아이콘이 표시되면 성공합니다.
Reference
이 문제에 관하여(【Rails】FontAwesome의 도입 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Ochanyoro/items/c99ac5143e3402ecc2e0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
먼저
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>
아래와 같이 캘린더 아이콘이 표시되면 성공합니다.
Reference
이 문제에 관하여(【Rails】FontAwesome의 도입 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Ochanyoro/items/c99ac5143e3402ecc2e0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<i class="fa fa-calendar" aria-hidden="true"></i>
Reference
이 문제에 관하여(【Rails】FontAwesome의 도입 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Ochanyoro/items/c99ac5143e3402ecc2e0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)