If you want to use different icon style you can do this through type attribute. In font_awesome5_rails gem default icon type is solid. In Font Awesome 5 there are several different types of icons.
Basic usage fa_icon ( ' camera-retro ' ) # => įa_icon ( ' camera-retro ', style: ' color: Tomato ' ) # => įa_icon ( ' camera-retro ', class: ' my-class ', text: ' Camera ', size: ' 3x ' ) # => įa_icon ( :camera_retro, class: ' my-class ' ) # => įa_icon ( :camera_retro, text: ' Camera ', right: true ) # => Camera Gem provides FontAwesome icons through helper. In your application.js, include the javascript file: #= require font_awesome5 Or if you prefer scss add this to your application.scss file: 'font_awesome5.css' In your application.css, include the css file: *= require font_awesome5 Or if you prefer scss add this to your file: 'font_awesome5_webfont' In your application.css, include the css file: *= require font_awesome5_webfont Choose one installation option from above:Īdd this line to your application's Gemfile: gem ' font_awesome5_rails ' 1. However you can use icons as webfont with CSS but you will not be able to use new FA5 features as animations or layered_icons.
First option is to use SVG and JS files which is recommended by FontAwesome team.
CAMERA RETRO FONTAWESOME HOW TO
Now you have two options how to include FontAwesome 5 icons. Use as images FontAwesome 5 Pro icons Release notes Installation Solid, Regular, Light, Brand icon types.This gem provides only Free icons from Font-Awesome. Font_awesome5_rails provides the Font-Awesome5 web fonts, stylesheets and javascripts as a Rails engine for use with the asset pipeline and with backwards compatibility with font-awesome-rails gem.
0 kommentar(er)
