Конвейер ресурсов Rails: пользовательский шрифт не загружается (хеш не добавляется к имени файла в скомпилированном CSS)

Question

У меня есть следующий код SASS для загрузки нестандартного шрифта:

@font-face
  font-family: 'Fredericka the Great'
  font-style: normal
  font-weight: 400
  src: local('Fredericka the Great'), local('FrederickatheGreat'), asset-url('assets/fredericka_the_great.woff2') format('woff2')
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215

В процессе разработки он отлично загружается.

На одном из моих серверов этого нет. Присмотревшись к сгенерированному коду, я заметил, что в скомпилированном CSS нет хэша, добавляемого в файл woff-файла:

@font-face{
  font-family:"Fredericka the Great";
  font-style:normal;
  font-weight:400;
  src:local("Fredericka the Great"),local("FrederickatheGreat"),url(/assets/fredericka_the_great.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}

Как видите, скомпилированный код выдает url(/assets/fredericka_the_great.woff2)в то время как на сервере развернутые ресурсы выглядят так:

Так что, по моему мнению, CSS должен выдавать url(/assets/fredericka_the_great-49badd2a1e856a1d9e3a6cb6189f0426bda9f2b292376395758419c2d0c631b6.woff2). На самом деле, попытка загрузить файл вручную работает:

• Работает: http://staging -audit.access4all.ch.zugangfueralle01.nine.ch / assets / fredericka_the_great-49badd2a1e856a1d9e3a6cb6189f6.b2196322196322322322326258371326291*
• Не работает: http://staging -audit.access4all.ch.zugangfueralle01.nine.ch / assets / fredericka_the_great.woff2

Что интересно, хотятот факт, что на каком-то другом сервере работает то же приложение, что и ожидалось (что кажется странным, поскольку в CSS также отсутствует хеш)!

• Работает: http://audit.uber.space/assets/fredericka_the_great-49badd2a1e856a1d9e3a6cb6189f0426bda9f2b292376395758419c2d0c631b6.woff2
• Работает тоже: http://audit.uber.space/assets/fredericka_the_great.woff2

(Для более детального изучения CSS перейдите к https://audit.uber.space/assets/application-9e5ba30be64b818da5468c9b39dc20aafa0ce523315d3e6684b96d11e336f603.css - или, как ни странно, просто https://audit.uber.space/assets/application.css)

Что заставляет меняОЧЕНЬ подозрительным является тот факт, что когда я переименовываю woff-файл на сервере во что-то совершенно другое, файл все еще загружается веб-сайтом, так что, вероятно, сервер даже не отправляет скомпилированный woff-файл, но некоторые совершенно другиеwoff-file (maybe непосредственно из каталога gem или чего-то еще) ...?

Я не уверен, как действовать дальше, так как не знаю, каково ожидаемое поведение и как исправить мое развертывание.

Для полноты вот конфиг моего развертывания (я использую mina):

$ mina -d

------- Printing current config variables -------
:debug_configuration_variables => true
:port => 22
:releases_path => #<Proc:0x007fc881157470@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-1.2.3/tasks/mina/deploy.rb:3 (lambda)>
:shared_path => #<Proc:0x007fc881157380@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-1.2.3/tasks/mina/deploy.rb:4 (lambda)>
:current_path => #<Proc:0x007fc8811572b8@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-1.2.3/tasks/mina/deploy.rb:5 (lambda)>
:lock_file => "deploy.lock"
:deploy_script => "data/deploy.sh.erb"
:keep_releases => 5
:version_scheme => :sequence
:execution_mode => :pretty
:bundle_bin => "bundle"
:bundle_path => "vendor/bundle"
:bundle_withouts => "development test"
:bundle_options => #<Proc:0x007fc8802da898@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-1.2.3/tasks/mina/bundler.rb:6 (lambda)>
:shared_dirs => ["vendor/bundle", "log", "tmp/cache", "public/assets", "public/uploads", "tmp/sockets", "tmp/pids"]
:rails_env => "production"
:bundle_prefix => #<Proc:0x007fc8802cbeb0@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-1.2.3/tasks/mina/rails.rb:5 (lambda)>
:rake => #<Proc:0x007fc8802bbb50@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-1.2.3/tasks/mina/rails.rb:6 (lambda)>
:rails => #<Proc:0x007fc8802bb970@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-1.2.3/tasks/mina/rails.rb:7 (lambda)>
:compiled_asset_path => "public/assets"
:asset_dirs => ["vendor/assets/", "app/assets/"]
:migration_dirs => ["db/migrate"]
:branch => "master-nine"
:remove_git_dir => true
:remote => "origin"
:git_not_pushed_message => #<Proc:0x007fc88021ab10@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-1.2.3/tasks/mina/git.rb:6 (lambda)>
:web_server => :puma
:puma_role => #<Proc:0x007fc8800e7a90@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:7 (lambda)>
:puma_env => #<Proc:0x007fc8800e77c0@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:8 (lambda)>
:puma_config => #<Proc:0x007fc8800e7590@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:9 (lambda)>
:puma_socket => #<Proc:0x007fc8800e73d8@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:10 (lambda)>
:puma_state => #<Proc:0x007fc8800e7248@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:11 (lambda)>
:puma_pid => #<Proc:0x007fc8800e7108@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:12 (lambda)>
:puma_cmd => #<Proc:0x007fc8800e6e10@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:13 (lambda)>
:pumactl_cmd => #<Proc:0x007fc8800e6d20@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:14 (lambda)>
:pumactl_socket => #<Proc:0x007fc8800e6988@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:15 (lambda)>
:puma_root_path => #<Proc:0x007fc8800e65c8@/Users/josh/.rvm/gems/ruby-2.4.1@XXX/gems/mina-puma-1.1.0/lib/mina/puma/tasks.rake:16 (lambda)>
:rvm_use_path => "$HOME/.rvm/scripts/rvm"
:application_name => "A4AA 2.0"
:domain => "zugangfueralle01.nine.ch"
:deploy_to => "XXX"
:repository => "XXX"
:user => "www-data"
:forward_agent => true
:puma_port => 3006
:shared_files => ["config/secrets.yml"]

Answer 1

Я столкнулся с теми же проблемами пару месяцев назад, и у вас так много всего происходит. Вот как я решил это:

1.- Маршрут , первым делом первым. Лучший способ - сохранить в app -> assets -> fonts (You create this folder). Затем я рекомендую добавить туда свой файл шрифтов (.woff), чтобы он был читабельным.

2.- SASS Мне специально пришлось добавить этот код в мое application.scss или custom.scss

@font-face {
    font-family: 'Theola Kids Regular';
    font-style: normal;
    font-weight: normal;
    src:font-url('theola-kids.woff');
    src:font-url('theola-kids.woff') format('woff');
} 

Обратите внимание на src: font-url , он сообщает рельсам, чтобы найти определенный файл шрифта. У меня есть два в качестве маршрута, а другой - в формате файла маршрута.

3.- Трубопровод

Обязательно добавьте «шрифты» к application.rb file Пример: config.assets.paths << Rails.root.join("app", "assets", "fonts") Когда закончите, перезапустите сервер rails и проверьте его. Он должен работать с этим решением.

Для получения более подробной информации я настоятельно рекомендую эту статью: https://gist.github.com/anotheruiguy/7379570

Удачи!