DEV Community

radin reth
radin reth

Posted on

Embed custom font in Rails 6

Embed custom font in rails 6 is a bit tricky, below are the steps in order to embed custom font in rails 6 project especially work it works fine for wicked pdf gem

  1. Include your prefer font in app/assets/fonts/
  2. Update app/assets/config/manifest.js
...
//= link_tree ../fonts
Enter fullscreen mode Exit fullscreen mode
  1. I also create app/assets/stylesheets/embeded_fonts.scss
@font-face {
  font-family: "khmeros_battambang";
  src: font-url("khmeros_battambang.ttf") format("truetype");
}
Enter fullscreen mode Exit fullscreen mode
  1. Import to app/assets/stylesheets/application.scss
@import "embeded_fonts";
Enter fullscreen mode Exit fullscreen mode
  1. Import to layouts/pdf.html.haml
= stylesheet_link_tag "embeded_fonts"
= wicked_pdf_stylesheet_link_tag "pdf"
= wicked_pdf_javascript_pack_tag "pdf"
Enter fullscreen mode Exit fullscreen mode
  1. Call the embedded font
body {
  font-family: 'khmeros_battambang', ...
}
Enter fullscreen mode Exit fullscreen mode

Top comments (0)