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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions