rails font-awesome 가져오기

이번에는 rails로 아이콘 font-awesome의 가져오기를 설명합니다.
트위터, 페이스북 등 아이콘을 사용하려면 이gem에서 가져올 수 있습니다.
이번엔 haml과sass의 형식으로 해보겠습니다.

gemfile


gemfile
em "font-awesome-sass"
다 쓴 후에 종점에서 버스를 타는 것을 잊지 마세요.

sass


applicaiton.sass
@import "font-awesome-sprockets";
@import "font-awesome";

haml


gem를 사용하면 조수 방법으로 fontawsome 아이콘을 가져올 수 있습니다.
아이콘의 이름 등은 fontawesome의 공식 홈페이지에서 확인할 수 있다.
haml
  = link_to "https://www.facebook.com/", class: "contents__btn" do
    = icon('fab', 'facebook-square')
    Facebook
  = link_to "https://twitter.com/", class: "contents__btn" do
    = icon('fab', 'twitter')
    Twitter
  = link_to "https://www.instagram.com/", class: "contents__btn" do
    = icon('fab', 'instagram')
    Instagram
가져오기 결과는 여기에 있습니다.

좋은 웹페이지 즐겨찾기