: How to create SVG for good typography on the web without buying Illustrator? I have a web font which I would like to display using SVG instead of in HTML. The reason for this is that I

@Sarah814

Here's another program that works great with SVGs: iDraw on the Apple Mac/App Store.

Vote Up Vote Down

@Shakeerah625

Try Kern.js. which is based on Lettering.js (both jQuery plugins):
www.kernjs.com/ letteringjs.com/
That would hopefully give you kerning control without sacrificing SEO and accessibility.

Update:

I just found out about kerning.js, which may offer even more control than Kern.js:
endtwist.github.com/kerning.js/
Also based on Lettering.js.

Vote Up Vote Down

@Holmes874

As stated, Inkscape is the tool to go with. But note that an SVG image isn't text anymore. While that's fine for an illustrative type display, you're likely going to want actual text on your site for SEO and accessibility reasons.

Have you looked into using CSS webfonts? That might be an acceptable compromise.

Vote Up Vote Down

@Bryan765

Inkscape is actually better at SVG than Illy. Illy does funny things when saving as SVG, basically does not respect SVG specifications. Use Illy for AI, but Inkscape is a better choice if you have SVG compliance in mind.

Vote Up Vote Down

@Merenda852

Inkscape certainly converts fonts to paths (Select, then Shift-Ctrl-C).

The standard save format is SVG - either 'Inkscape' (extended) SVG or 'plain' SVG.

It also has an SVG Font Editor.

BTW - I'm assuming this CSS was no good to you:

<span style="letter-spacing: 5px">Kerning</span>

Vote Up Vote Down

@Moriarity648

Try Inkscape - it's an open source alternative to Illustrator. I haven't used it much myself, but it began as an SVG editor, so converting text to paths and saving as SVG should be easy.
inkscape.org/

Vote Up Vote Down