Text as Vector Objects: Typography Tools & Outlining Text

Vector Graphics

Chapter 8 · Text as Vector Objects: Typography Tools & Outlining Text

Chapter 7 organized shapes into layers and groups. This chapter introduces a genuinely distinct kind of object into that same composition — text — which behaves like a vector shape in some ways and like nothing else covered so far in others.

Text as a Special Kind of Vector Object

Text placed with the Type tool looks like any other vector content once rendered — made of the same curves and fills covered since Chapter 1 — but until it's specifically converted, it isn't stored as anchor points and paths at all. It's stored as actual characters, referencing a font file that supplies the actual shape of each letter on demand.

Live Text: Editable, Font-Dependent

While text stays "live," its actual words can be edited directly — fixing a typo, changing a word, adjusting the whole sentence — the same way editing text in any word processor works. This convenience comes with a real dependency: live text only displays correctly if the font it references is actually installed and available. Open the same file on a machine without that font installed, and the text either substitutes a different font or displays a warning, changing how the design actually looks.

Basic Typography Controls: Font, Size, Tracking, Leading

Font selects which typeface is used; size sets how large the characters render. Tracking adjusts the uniform spacing between all characters in a selection — tightened for a denser wordmark, loosened for a more spaced-out, airy feel. Leading (line height) sets the vertical spacing between lines of text in a multi-line block. These four controls cover most of the everyday typography adjustment either application actually needs.

Text on a Path

Both applications support attaching text to a custom path drawn with Chapter 3's own Pen tool, making the text follow that path's curve rather than sitting on a straight baseline — a badge-style logo with text curving around a circular border is a common real use of this feature.

Outlining Text: Converting Live Text to Editable Paths

Both applications offer a command (Create Outlines in Illustrator, Object to Path in Inkscape) that converts live text into ordinary vector paths — anchor points and curves, just like the shapes from Chapters 3 and 4. Once outlined, the actual words can no longer be edited by typing, but the font dependency is gone entirely: the shapes render identically on any machine, regardless of what fonts are or aren't installed there.

When to Outline: The Font-Availability Problem

A logo is a perfect case for outlining, since it's meant to look identical everywhere it's used — on a website, in a printed document, on someone else's machine that may not have the original font installed. Outlining trades away future text-editing convenience for guaranteed visual consistency, which is exactly the trade a finished logo needs, though it's not the right move for content still being actively drafted and revised.

AspectIllustratorInkscape
Outline commandCreate OutlinesObject to Path
ResultOrdinary editable vector pathsOrdinary editable vector paths
Text editability afterLost — no longer typeableLost — no longer typeable
Font dependency afterRemoved entirelyRemoved entirely
This decision matters again at export time
Chapter 9's own export material assumes a finished logo has already had its text outlined before export, exactly for the font-independence reason described here — an exported file with live, un-outlined text can still display incorrectly on a system without the original font.
Outlining is the third one-way trade this course has made
Chapter 4 warned that converting a live shape to a path trades away its numeric editability; Chapter 6 warned that most Pathfinder operations replace the original shapes permanently. Outlining text is the same kind of trade a third time — once outlined, the words themselves can no longer be edited by typing, only reshaped point by point like any other path. Keeping an un-outlined copy of the original text layer aside (the same precaution recommended in Chapters 4 and 6) preserves the ability to fix a typo or change the wording later without starting the whole design over.

Hands-On Exercises

Exercise 1

A designer sends a finished logo file with live, un-outlined text to a client, who opens it on a machine without the original font installed and sees the design rendered incorrectly. Using this chapter's own material, explain what should have been done before sending the file.

📄 View solution
Exercise 2

A colleague outlines their logo's text early in the design process, then later needs to fix a spelling mistake and finds they can no longer simply type the correction. Using this chapter's own warning box, explain what happened and how it could have been avoided.

📄 View solution
Exercise 3

Explain, using this chapter's own material, why outlining text is described as the same kind of trade-off as converting a shape to a path (Chapter 4) or applying a Pathfinder operation (Chapter 6).

📄 View solution

Chapter 8 Quick Reference

  • Live text stays editable by typing but depends on the referenced font being installed to display correctly
  • Font, size, tracking, and leading cover most everyday typography adjustments
  • Text on a path makes text follow a custom curve rather than sitting on a straight baseline
  • Outlining (Create Outlines / Object to Path) converts live text into ordinary editable paths, removing font dependency
  • Outlining trades away typed editability permanently — the third one-way trade this course has made, after Chapters 4 and 6