Skip to content

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

@gpoitch

Description

@gpoitch

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    help wantedExtra attention is needed

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions