herokuにデプロイした際指定フォントが適用されません。

前提・実現したいこと

AWSでHPを作成し、Herokuにデプロイ致しました。
言語はRuby on Rails です。
開発環境では表示されていた指定フォントが
ブラウザで確認したところ普通のフォントになってしまっておりました。
指定フォントで表示させたいです。

発生している問題・エラーメッセージ

Errorは特にでていないと思います。

該当のソースコード

app/assets/stylesheets/setting.scss

@font-face {
  font-family: 'mokumoku';
  src: url('mokkumokumo.ttf') format('truetype');
　font-weight: 400;
　font-style: normal;
}

@font-face {
  font-family: 'huwahuwa';
  src: url('KFhimaji.otf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

.menu {
  font-family: 'mokumoku';
  height:60px; 
  font-weight:400;
  font-size: 2em;
  background-color:#87ceeb;
}

body {
    font-family:'huwahuwa';
    font-weight:500;
}

gemfil

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.5.1'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '~> 5.2.1'
# Use mysql as the database for Active Record
#gem 'mysql2', '>= 0.4.4', '< 0.6.0'
# Use Puma as the app server
gem 'puma', '~> 3.11'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# See https://github.com/rails/execjs#readme for more supported runtimes
# gem 'mini_racer', platforms: :ruby

# Use CoffeeScript for .coffee assets and views
gem 'coffee-rails', '~> 4.2'
# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks
gem 'turbolinks', '~> 5'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.5'
# Use Redis adapter to run Action Cable in production
# gem 'redis', '~> 4.0'
# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use ActiveStorage variant
# gem 'mini_magick', '~> 4.8'

# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development

# Reduces boot times through caching; required in config/boot.rb
gem 'bootsnap', '>= 1.1.0', require: false

group :development, :test do
  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
  gem 'mysql2', '>= 0.4.4', '< 0.6.0'
end

group :production do
  gem 'pg', '0.20.0'
  gem 'rails_12factor'
end

group :development do
  # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
  gem 'web-console', '>= 3.3.0'
  gem 'listen', '>= 3.0.5', '< 3.2'
  # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
  gem 'spring'
  gem 'spring-watcher-listen', '~> 2.0.0'
end

group :test do
  # Adds support for Capybara system testing and selenium driver
  gem 'capybara', '>= 2.15'
  gem 'selenium-webdriver'
  # Easy installation and use of chromedriver to run system tests with Chrome
  gem 'chromedriver-helper'
end

# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
gem 'mini_magick'
gem 'carrierwave'
gem 'kaminari'
gem 'devise'
gem 'image_processing'

試したこと

Ruby on Railsで作成したアプリケーションをawsやHerokuにデプロイした時、
アセットパイプラインをコンパイルする必要があると調べたら出てきましたので
config/environments/production.rb内にconfig.assets.compile = falseの記述がある事を確認し、
config/application.rb内にconfig.assets.initialize_on_precompile = falseの記述を加え、
heroku run bundle exec rake assets:precompile RAILS_ENV=production -a アプリ名
を実行してみましたが変わりませんでした。

ご回答いただいた方をヒントに(コメント欄に詳細あります)Error↓

Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2)

を改善すべく、$heroku addons:add heroku-postgresqlを実行して、
$ heroku run rails db:migrateをしてみましたが

LoadError: Error loading the 'postgresql' Active Record adapter. Missing a gem it depends on? pg is not part of the bundle. Add it to your Gemfile.

というErrorがでました。そもそもpostgresqlの設定をしていないと思いましたので、
gemfileにpostgresqlを追加し、$ sudo yum install postgresql-develを実行、
$bundle installをしてみましたら、

Gem::Ext::BuildError: ERROR: Failed to build gem native extension.

An error occurred while installing pg (0.20.0), and Bundler cannot continue.
Make sure that gem install pg -v '0.20.0' --source 'https://rubygems.org/' succeeds before bundling.

In Gemfile:
pg

のErrorが出てきて、今まで確認できていたブラウザもApplication　Errorで確認できなくなってしまいました。

補足情報（FW/ツールのバージョンなど）

初心者なのでいただいたご教授内の専門用語がわからず、お返事が遅くなるか伺う可能性がございます。
申し訳ございません。

行動規範の内容に同意します

回答1件

ベストアンサー

設定ですが、下記で大丈夫かと思います。
詳細はqiitaをご確認いただき、こちらに沿って設定いただくと良いかと思います。

Ruby
1#config/environments/production.rb
2#デフォルトでfalseとなっている以下の箇所をtrueに変更
3  config.assets.compile = true

【初心者向け】railsアプリをherokuを使って確実にデプロイする方法【決定版】

参考：どんなフォントが読み込まれているか確認する方法
https://wind-mill.co.jp/font-check/

投稿2020/04/24 01:45

no1knows

総合スコア3365

chizuru.

2020/04/24 02:15

ご回答感謝致します！！！既にデプロイはしておりますので、qiitaに沿って必要な個所修正してみました。 config.assets.compile = false　を　config.assets.compile = true　に変更し、 bin以下のフォルダ内のバージョン削除確認しました。 gitの紐づけとherokuにデプロイは以前にしているので飛ばしました。本番環境(heroku)でのマイグレーション。を実行してみたところ、ターミナルでErrorが出てしまいました。 Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2) 一応ブラウザを確認してみましたがフォントは変わらずでした。 Error内容について解決策を探しておりますが、ご教授いただけたら嬉しいです。

no1knows

2020/04/24 07:34

herokuでmysqlを利用しようとしてエラーが出ているということですね。下記などが参考になるかと思います。 https://kossy-web-engineer.hatenablog.com/entry/2018/08/22/061126

chizuru.

2020/04/24 08:22

Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2) を改善すべく、$heroku addons:add heroku-postgresqlを実行して、 $ heroku run rails db:migrateをしてみましたが LoadError: Error loading the 'postgresql' Active Record adapter. Missing a gem it depends on? pg is not part of the bundle. Add it to your Gemfile. というErrorがでました。そもそもpostgresqlの設定をしていないと思いましたので、 gemfileにpostgresqlを追加し、$ sudo yum install postgresql-develを実行、 $bundle installをしてみましたら、 Gem::Ext::BuildError: ERROR: Failed to build gem native extension. An error occurred while installing pg (0.20.0), and Bundler cannot continue. Make sure that gem install pg -v '0.20.0' --source 'https://rubygems.org/' succeeds before bundling. In Gemfile: pg のErrorが出てきて、今まで確認できていたブラウザもApplication　Errorで確認できなくなってしまいました。始めに送って頂いたサイトを参考に進めてみて、$bundle install --without productionを実行してみたらbundle complete!と出たのですが、一覧の中に追加したpgの表示がないのが気になりましたがそのまま進めてみました。database等の表記変更をサイトを見ながら変更し$ heroku run rails db:migrateを実行してみたのですが、 LoadError: Error loading the 'postgresql' Active Record adapter. Missing a gem it depends on? pg is not part of the bundle. Add it to your Gemfile. のErrorが出てしまっているような現状です。長文で申し訳ございません。

no1knows

2020/04/24 11:23

>herokuにデプロイは以前にしているので飛ばしました。見落としていましたがデプロイしないと本番サーバーに反映されません。またPostgreSQLまたはMySQL、どちらを使うかは開発者が決めることです。それにあわせてgemやdatabase.yml、Herokuの設定を行わないとデプロイは完了しないかと思います。

chizuru.

2020/04/24 12:12

状況が自分でも把握できていなくて申し訳ございませんでした。 PostgreSQLを使用する事に致しました。少し進んだと思うのですが、現在このような状況になっております。宜しければ引き続きご教授頂けましたら幸いです。 https://teratail.com/questions/256221

行動規範の内容に同意します