Rails를 통해FoontAwesome~ 크기가 바뀔 때까지 가져오기
개시하다
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'
설치gembundle 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
최후
처음으로 기사를 기고해 보았다.
쉽게 이해할 수 있는 기사인지는 모르겠지만 누군가의 도움이 있었으면 좋겠어요.
Reference
이 문제에 관하여(Rails를 통해FoontAwesome~ 크기가 바뀔 때까지 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/OneRoomBoy-TK/items/b837f438a49e70b29991
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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'
설치gembundle 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
최후
처음으로 기사를 기고해 보았다.
쉽게 이해할 수 있는 기사인지는 모르겠지만 누군가의 도움이 있었으면 좋겠어요.
Reference
이 문제에 관하여(Rails를 통해FoontAwesome~ 크기가 바뀔 때까지 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/OneRoomBoy-TK/items/b837f438a49e70b29991
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
gem 'font-awesome-sass'
bundle install
mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
@import "font-awesome-sprockets";
@import "font-awesome";
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
최후
처음으로 기사를 기고해 보았다.
쉽게 이해할 수 있는 기사인지는 모르겠지만 누군가의 도움이 있었으면 좋겠어요.
Reference
이 문제에 관하여(Rails를 통해FoontAwesome~ 크기가 바뀔 때까지 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/OneRoomBoy-TK/items/b837f438a49e70b29991
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
= link_to "#" do
= icon 'fab', 'amazon-pay fa-3x'
icon 'スタイル名', 'アイコン名 (大きさ指定)'
처음으로 기사를 기고해 보았다.
쉽게 이해할 수 있는 기사인지는 모르겠지만 누군가의 도움이 있었으면 좋겠어요.
Reference
이 문제에 관하여(Rails를 통해FoontAwesome~ 크기가 바뀔 때까지 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/OneRoomBoy-TK/items/b837f438a49e70b29991텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)