Skip to Content
SVG Essentials
book

SVG Essentials

by J. David Eisenberg
February 2002
Intermediate to advanced
356 pages
7h 56m
English
O'Reilly Media, Inc.
Content preview from SVG Essentials

Appendix E. Creating Fonts

The fonts built into the system that renders your SVG documents will take care of the vast majority of your needs. Sometimes, though, you will want to use a custom font. It is possible to create a font for use with SVG from scratch. In brief, you use a <font> element tag to describe the origin and default width of the font’s glyphs. Inside the <font> is the <font-face> element, which has an immense number of attributes that describe the font’s dimensions in excessive detail. These attributes are summarized in the SVG specification at http://www.w3.org/TR/SVG/fonts.html. Following the <font-face> are <glyph> elements, which contain path descriptions for each of the glyphs you wish to have in your font.

While it is possible to create fonts from scratch, it’s a lot of work, and often a duplication of effort, since the glyphs you need may be in an already-existing font. If you already have a True Type font with the desired glyphs, you are in luck.

The ttf2svg Utility

The Apache Batik project has created a utility that will convert your True Type fonts to SVG. The following summary is adapted from the Batik project’s documentation and is Copyright (C) 2000 The Apache Software Foundation. All rights reserved.

If you are using the Batik binary distribution, type the following at the command line:

java -jar batik-ttf2svg.jar [options]

If you are using the Batik developer distribution, type the following at the command line:

build ttf2svg [options]

In both cases, ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

SVG Essentials, 2nd Edition

SVG Essentials, 2nd Edition

J. David Eisenberg, Amelia Bellamy-Royds
SVG Unleashed

SVG Unleashed

Chris Lilley, Andrew H. Watt
Mastering SVG

Mastering SVG

Rob Larsen
Modern SVG

Modern SVG

Amelia Bellamy-Royds, Kurt Cagle

Publisher Resources

ISBN: 0596002238Errata Page