Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

using external fonts #5

Open
DaanH opened this issue Jan 6, 2016 · 2 comments
Open

using external fonts #5

DaanH opened this issue Jan 6, 2016 · 2 comments

Comments

@DaanH
Copy link

DaanH commented Jan 6, 2016

When trying to convert a svg that uses a googlefont (Hind), the resulting img displays text using a fallback font, Arial I think. I have set the font-family style on the root svg element and the svg itself renders fine. Is there a way to convince Simg to use the correct fonts?

<svg width="500" height="600" id="diagram" transform="translate(-.5,-.5)" style="width: 500px; height: 600px; font-family: Hind; font-weight: 500; font-size: 16px; fill: white;" version="1.1" xmlns="http://www.w3.org/2000/svg"><g class="cell" transform="translate(135,46)"><rect rx="4" ry="4" x="2" y="2" width="149" height="81" style="fill: rgb(31, 119, 180);"></rect><text x="20" y="33"><tspan x="20" dy="16px">Stedelijke</tspan><tspan x="20" dy="16px">ontwikkeling</tspan></text><text x="113" y="65">8.8</text></g></svg>

@krunkosaurus
Copy link
Owner

Hi, apologies for the delay. If you can link me to an example HTML page with this 3rd party font working online I can try to get it to work.

@talelamira
Copy link

talelamira commented Sep 24, 2018

Here's an example showing this issue

simg.zip

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants