いつもお世話になります。
fontawesomeの導入について質問です。
現在、以下のHTML及びCSS等を記述していますが、アイコンが表示されません。
具体的にはユーザー名や投稿時間の前にアイコンを表示したいのですが、チュートリアル通りにやっても表示されない状態です。
ネット上には、よくアイコンが表示されない現象が起きるということでいろいろな解決法がのっており、私もいくつか試しましたが、解決できない状態です。
##ソースコード(関係するところを抜粋)
index.html.erb
rb
1<div class="content-right"> 2 <p class="post.user"><%= link_to post.user.name, post.user %></p> 3 <p class="post.time"><%= post.created_at.to_s(:datetime_base) %></p> 4</div>
index.scss
rb
1.post.user:before{ 2 font-family: "Font Awesome 5 Free"; 3 content : "\f293"; 4 font-weight: 900; 5 } 6 7.post.time:before{ 8 font-family: "Font Awesome 5 Free"; 9 content : "\f017"; 10 font-weight: 900; 11 }
application.scss
rb
1@import "font-awesome"; 2@import 'font-awesome-sprockets'; 3 4
Gemfile
rb
1gem 'font-awesome-sass', '~> 5.4.1'
##試したこと
・scssにてfont-weightを900、boldなどの記載をするが変化なし(ネット上で見られる非表示解決方法)
##参考にしたチュートリアル
gem 'font-awesome-rails'は最新版に対応してない... 代わりにfont-awesome-sassを使おう!
Font Awesome 5をCSSの疑似要素で指定するとアイコンが表示されない場合の対処方法
##現在の環境
AWSのcloud9を使用しています。
rubyのバージョンは 2.4.1p111
railsのバージョンはRails 5.0.7 です。
どなたか、解決策をご助言いただけないでしょうか。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/05 09:37