font-awesome-sass 사용 [rails, slim, FontAwesome]
2793 단어 초보자FontAwesomeRails슬림
참고문헌
( htps : // 코 m / 파도리 / ms / d54348f6d48 예 f 세에 6c7 )
FontAwesome
Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.
웹에서 인기있는 아이콘 세트와 툴킷의 FontAwesome을 사용하여 벡터 아이콘과 소셜 로고를 얻을 수 있습니다.
FontAwesome 공식 사이트: ( htps : ///후타타우우소메. 코m/ )
font-awesome-sass
이용 절차
이번에는 font-awesome-sass를 이용합니다.
자세한 정보는 다음 사이트를 참조하십시오.
htps : // 기주 b. 코 m / 후 r 타우 소메 / 후 우 t 아우 소메 - 사 s
Gemfile에 작성
Gemfilegem 'font-awesome-sass', '~> 5.13.0'
실행
terminal에서 다음 명령 입력
bundle install
application.scss에 설명
app/assets/stylesheets/application.scss@import "font-awesome-sprockets";
@import "font-awesome";
사용 예 [slim]
이번에 사용할 아이콘
설명
p
|
test
= icon 'far', 'surprise'
/<p>
/ test
/ <i class="far fa-surprise"></i>
/</p>
출력 결과
Reference
이 문제에 관하여(font-awesome-sass 사용 [rails, slim, FontAwesome]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Ham4690/items/7774557577368ac60f4b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
이용 절차
이번에는 font-awesome-sass를 이용합니다.
자세한 정보는 다음 사이트를 참조하십시오.
htps : // 기주 b. 코 m / 후 r 타우 소메 / 후 우 t 아우 소메 - 사 s
Gemfile에 작성
Gemfile
gem 'font-awesome-sass', '~> 5.13.0'
실행
terminal에서 다음 명령 입력
bundle install
application.scss에 설명
app/assets/stylesheets/application.scss
@import "font-awesome-sprockets";
@import "font-awesome";
사용 예 [slim]
이번에 사용할 아이콘
설명
p
|
test
= icon 'far', 'surprise'
/<p>
/ test
/ <i class="far fa-surprise"></i>
/</p>
출력 결과
Reference
이 문제에 관하여(font-awesome-sass 사용 [rails, slim, FontAwesome]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Ham4690/items/7774557577368ac60f4b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)