2017-12-06 10 views
1

레일스 5.1.4 앱을 프로덕션 모드로 실행 중입니다. 내 CSS 프레임 워크로 시맨틱 UI를 사용하고 RAILS_ENV=production rails assets:precompile을 실행하여 public/assets 폴더에있는 내 자산 및 글꼴 파일을 컴파일했습니다. 내 웹 사이트를로드 할 때 아이콘이 사각형으로 바뀌는 것을 제외한 모든 것이 작동합니다. 당신이 시맨틱 UI가 themes/default/assets/fonts/에서 찾고 볼 수 있고 그 어디에 내 아이콘 파일이있는이므로레일 Nginx 승객 폰 아이콘 파일을 제공하지 않음

server { 
    listen  80; 
    server_name atrium.michaelvasallo.com; 
    passenger_enabled on; 
    rails_env production; 
    root /var/www/atrium/public; 
} 

:

class Application < Rails::Application 
    config.load_defaults 5.1 

    config.assets.paths << Rails.root.join('semantic', 'dist') 
    config.assets.precompile << 'themes/default/assets/fonts/*' 
end 

내 Nginx의 파일 : 여기

내 설정/application.rb입니다 . 그들은 모두 프리 컴파일 할 때 public/assets 폴더에 나타나지만 페이지가로드 될 때 제공되지 않습니다.

+1

브라우저 콘솔을 확인하면 브라우저에서 글꼴 파일에 추가 cors 헤더가 필요하기 때문에 글꼴이 차단 된 것 같습니다. –

답변

0

수정 사항이 아니지만 더 나은 해결책을 찾았습니다. 내 semantic/src/site/globals/site.variables에서 글꼴 경로를 로컬 파일에서 가져 오는 대신 시맨틱 UI CDN으로 설정했습니다.

@fontPath: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/themes/default/assets/fonts';