Custom font in Prismatic?

  • Resolved visualfonts

    (@visualfonts)


    1 year, 6 months ago

    Hello Jeff. Thanks for a very useful plugin.

    I am trying to use Fira Code for its very helpful ligatures. I have correctly linked to the Google Fonts, and can get inline code to use Fira Code via CSS code {}. There is something inside Prismatic, however, that overrides the font choice. Could you suggest a way to turn off the Prismatic font override, so the Fira Code settings can percolate to Prismatic blocks?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jeff Starr

    (@specialk)

    Glad to help, but it’s not a current feature of the plugin. As far as I know all the fonts and styles are provided wholesale by the Prism.js or Highlight.js scripts. The Prismatic plugin simply loads the scripts on the page, without adding any special font or other styles.

    Best advice would be to ask in the Prism.js or Highlight.js support forum, maybe someone with more knowledge about the scripts can shed some light on how to override fonts or whatever is required.

    I hope this helps, let me know if I can provide any further information.

    Thread Starter visualfonts

    (@visualfonts)

    Your reply was actually a great pointer. It is indeed prism.js that does the over-writing, and to coerce precedence for the Additional CSS, all that is needed is a !important tag. In other words:

    code {
  font-family: "Fira Code", monospace !important;
}

    Thank you for the great plugin and quick reply.

    Plugin Author Jeff Starr

    (@specialk)

    Awesome, glad you got it sorted @visualfonts.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom font in Prismatic?’ is closed to new replies.