How do I set SVG font-size?

Set Size in user units and click Set size. The value is written on every and , including style attributes. Same size again is a no-op.

How is font-size different from scaling the path?

Scale path by factor rewrites path d (and usually the stroke). font-size only changes how the text engine draws glyphs. Shapes stay put; you can still edit the string.

Does font-size convert letters to paths?

No. Convert SVG Text to Path outlines glyphs. This page keeps a live string and only writes font-size.

Does font-size change font-family or font-weight?

No. Face and weight stay. Set font-family / Set font-weight if you need those after the size change.

Set SVG font-size — Free Tool

FAQ

Quick answers

How do I set SVG font-size?: Set Size in user units and click Set size. The value is written on every <text> and <tspan>, including style attributes. Same size again is a no-op.
How is font-size different from scaling the path?: Scale path by factor rewrites path d (and usually the stroke). font-size only changes how the text engine draws glyphs. Shapes stay put; you can still edit the string.
Does font-size convert letters to paths?: No. Convert SVG Text to Path outlines glyphs. This page keeps a live <text> string and only writes font-size.
Does font-size change font-family or font-weight?: No. Face and weight stay. Set font-family / Set font-weight if you need those after the size change.

Scale path by factor → Set font-family → Set font-weight → Text to path →

Privacy Terms

Source

Size

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B

Set SVG font-size

Live preview