Geek Answers Handbook

Is there a way to embed a Google script web font into an SVG file?

I am new to SVG and just made my first decent graphics in Illustrator. I injected it into the page (using the <embed> ) using the Google script web fonts for the Ubuntu font in the <head> , but as it turned out, the Ubuntu font displays correctly in plain text, but for this trick to work in SVG, Google script must be built into SVG itself. How can this be done?

Here is a link to the SVG file in question.

+7
source share
2 answers

Here's an example of using multiple websites inside an SVG.

The current version of the script provided by google web fonts does not work in svg. It would be very easy for Google to fix, though.

Here are some examples of using google web fonts in svg with the other mentioned methods:

+11
source

I do not think this really works for a related SVG, for example here is a Firefox bug . It works if you embed SVG in HTML and then create CSS rules as follows:

 svg .text { font-family:"Familiar Pro Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; }

Of course, this will only work in browsers that support HTML5. Here is an example .

+2
source

More articles:


All Articles