font-awesome-sass 사용 [rails, slim, FontAwesome]

참고문헌


  • Rails에서 FontAwesome 사용 (htps : // 코 m / 후미 카오 / ms / 59, b20, f33047 d06, 6, 3)
  • gem 'font-awesome-rails'는 최신 버전을 지원하지 않습니다 ... 대신 font-awesome-sass를 사용합시다!
    ( htps : // 코 m / 파도리 / ms / d54348f6d48 예 f 세에 6c7 )
  • FontAwesome::Sass ( htps : // 기주 b. 코 m / 후 r 타우 소메 / 후 t 아우 소메 )

  • 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에 작성

    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>
    

    출력 결과

    좋은 웹페이지 즐겨찾기