term-sheets icon indicating copy to clipboard operation
term-sheets copied to clipboard

Font (external resources) can't load when svg embedded via img tag

Open gpoitch opened this issue 6 years ago • 0 comments

For example when embedding in a github readme:

<img src="term-sheet.svg" />

This cannot load the custom font in the css

@import url("https://fonts.googleapis.com/css?family=Inconsolata");

This is a known browser limitation that img tags won't load any external resources.

Possible options:

  • Embed the font as base64
  • Figure out an alternative way to embed svg in github markdown
  • Don't use custom fonts and just use the monospace font-stack

gpoitch avatar Jul 18 '18 17:07 gpoitch