This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Font in svg file

more options

I create a svg file with php which includes a dynamic text. Therefore I have embedded the used font with <font><font><glyph>.... This works fine with Chrome, but Firefox uses the standard font. How can I use an embedded font in the svg file?

Thanks in advance Manuel </font> </font>

I create a svg file with php which includes a dynamic text. Therefore I have embedded the used font with <font><font-face><glyph>.... This works fine with Chrome, but Firefox uses the standard font. How can I use an embedded font in the svg file? Thanks in advance Manuel

Chosen solution

Firefox can't handle two different fonts in one svg file. That was the problem.

Thanks for your help. Manuel

Read this answer in context 👍 0

All Replies (6)

more options

As firefox supports HTML 5 so recreate the file with with proper codings.

more options

Can you link to a page demonstrating the issue?

The MDN documentation on glyph is here: https://developer.mozilla.org/docs/Web/SVG/Element/glyph (I don't see any unusual warnings)

more options

Modified by cor-el

more options

@Sourjobraato Banerjee: Sorry, I didn't get your point. The file was created by Adobe Illsutrator so it should be SVG 1.1 conform.

@jscher2000: You can see an example here: http://events.tsv-bodnegg.de/files/header.php?text=Example The text "example" shout be shown in Roboto.

@core-el: The docs say that <font> is not implemented (https://developer.mozilla.org/en-US/docs/SVG_in_Firefox) but the tutorial (https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_fonts) says it should work.

I have an image attached. It should look like the chrome version. </font>

more options

See also:

more options

Chosen Solution

Firefox can't handle two different fonts in one svg file. That was the problem.

Thanks for your help. Manuel