Rails를 통해FoontAwesome~ 크기가 바뀔 때까지 가져오기

2595 단어 RubyRails

개시하다


rails에서FoontAwesome를 사용하고 싶어서 조사를 해봤어요.
크기를 바꿀 만한 기사를 찾지 못해 투고했다.

운영 환경


Ruby : 2.6.3
Rails : 5.2.4
slim : 4.0.1
font-awesome-sass : 5.12.0
상술한 환경 하에서 실시하였다.

FoontAwesome 가져오기


Gemfile에 다음 내용 기술하기
Gemfile

gem 'font-awesome-sass'
설치gem
bundle install
/app/assets/stylesheets/application.css
열다
/app/assets/stylesheets/application.scss
다음으로 수정
mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
/app/assets/stylesheets/application.scss에서 다음과 같은 내용을 기술하다
application.scss
@import "font-awesome-sprockets";
@import "font-awesome";
상술한 순서대로 기술한 일 때문에 Fontawesome는 사용할 수 있게 되었다.

실행 결과


font-awesome-sass의 설치로 조수 방법이 사용할 수 있게 되었습니다.
이 방법을 사용하여 아이콘을 표시합니다.
~.html.slim
= link_to "#" do
  = icon 'fab', 'amazon-pay'
아이콘이 이미 표시됩니다.
이번에 사용한 아이콘.

크기 변경


상술한 조수 방법을 사용하여 좋아하는 크기로 변경할 수도 있다.
~.html.slim
= link_to "#" do
  = icon 'fab', 'amazon-pay fa-3x'
이 방법은 이렇게 구성되어 있다.
icon 'スタイル名', 'アイコン名 (大きさ指定)'
크기를 지정하지 않으면 아이콘 이름만 설명합니다
크기를 지정하려면 아이콘 이름 뒤에 공간을 비우고'fa-(크기)'로 크기를 변경할 수 있습니다.사이즈는 공식 홈페이지를 보세요.
Font Awesome

최후


처음으로 기사를 기고해 보았다.
쉽게 이해할 수 있는 기사인지는 모르겠지만 누군가의 도움이 있었으면 좋겠어요.

좋은 웹페이지 즐겨찾기