Use fonts from CDN instead of local to avoid asset path problems at non-root URLs

Author: Floppy

app/assets/stylesheets/application.bootstrap.scss

@@ -3,10 +3,10 @@ $table-bg-scale: -90%;
 
 @import 'bootstrap/scss/bootstrap';
 
-$bootstrap-icons-font-dir: "./bootstrap-icons/font/fonts";
+$bootstrap-icons-font-dir: "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/fonts";
 @import 'bootstrap-icons/font/bootstrap-icons';
 
-$ra-font-path: "./rpg-awesome/fonts";
+$ra-font-path: "https://cdn.jsdelivr.net/npm/rpg-awesome@0.2.0/fonts";
 @import 'rpg-awesome/scss/rpg-awesome';
 
 @import 'layout';

app/controllers/application_controller.rb

@@ -46,6 +46,7 @@ def configure_content_security_policy
     content_security_policy.connect_src :self
     content_security_policy.frame_ancestors :self
     content_security_policy.frame_src :none
+    content_security_policy.font_src :self, "https://cdn.jsdelivr.net"
     content_security_policy.img_src :self, :data
     content_security_policy.object_src :none
     content_security_policy.script_src :self