@@ -4,6 +4,25 @@
 
 ### Features
 
+- `Image.renderSVG()` renders text (`<text>`, `<tspan>`, `<tref>`, `<textPath>`) with the fonts given as
+  `SVGOptions.fonts` and the ones the SVG embeds with `@font-face` (TrueType, OpenType and WOFF in data: URIs, which
+  win for their family names). Fonts are matched like browsers match installed ones: `font-family` by the names in
+  the fonts, then `font-stretch`, `font-style` and `font-weight` by CSS Fonts' algorithm; generic families take the
+  first font fitting them (by its panose and fixed pitch flag), other families and text without one the first font,
+  and characters a face doesn't have come from the other fonts. Laid out like resvg's (ported from usvg): chunks
+  shaped as a whole (kerning and ligatures across spans, with each span's own font), the bidirectional algorithm,
+  `x`/`y`/`dx`/`dy`/`rotate` lists, `text-anchor`, `letter-spacing`, `word-spacing`, `textLength` and `lengthAdjust`,
+  `baseline-shift` (`sub`, `super`, lengths), `dominant-baseline` and `alignment-baseline`, `text-decoration` in the
+  colors of the elements declaring it, text along paths (`startOffset`, arc lengths measured like kurbo's), vertical
+  text (`writing-mode`), `font-variant: small-caps`, `font-kerning`, the `font` shorthand, `xml:space`, and color
+  glyphs (COLR versions 0 and 1, CBDT and sbix bitmaps, SVG glyphs). Text is painted like shapes (gradients and
+  patterns with the bounding box of the whole text, strokes, `paint-order`), and counts in clip paths and in bounding
+  boxes. Variable fonts aren't supported yet. 359 of resvg's 431 text tests pass (with its test fonts), and 41 more of
+  its other tests that have text; the others need variable fonts (14), resvg's default font size of 12 pixels (instead
+  of 16), its cursive and fantasy fonts, or render as resvg doesn't (in ways browsers don't either, like conjuncts
+  broken at a font change).
+- `font-size` resolves `em`, `ex`, percentages and keywords against the parent's size for all elements (lengths in `em`
+  used the default 16 pixels when an ancestor's size was relative), and `font-weight` `bolder` and `lighter`.
 - `Image.renderSVG()` blends elements with `mix-blend-mode` (all 16 modes and `plus-lighter`, in CSS) and isolates
   groups with `isolation: isolate`, like resvg (the blend modes are the ones feBlend already used). All of resvg's 21
   mix-blend-mode and 2 isolation tests pass, up from 4 and 1.
 
@@ -54,7 +54,8 @@ encode as GIF, APNG or WebP, also [a frame at a time](https://imagescript.matmen
 
 - [Text rendering](https://imagescript.matmen.dev/classes/Image.html#rendertext) with TrueType and OpenType fonts,
   in every script, with color emoji
-- [SVG rendering](https://imagescript.matmen.dev/classes/Image.html#rendersvg) (no text)
+- [SVG rendering](https://imagescript.matmen.dev/classes/Image.html#rendersvg), text included (with the fonts you
+  pass or the SVG embeds)
 - [Resizing](https://imagescript.matmen.dev/classes/Image.html#resize),
   [cropping](https://imagescript.matmen.dev/classes/Image.html#crop),
   [rotating](https://imagescript.matmen.dev/classes/Image.html#rotate),
 
@@ -25,7 +25,10 @@ following projects, under their own licenses. Each derived file says so in its h
 | [Pillow](https://github.com/python-pillow/Pillow) | `src/util/resample.ts` (filter coefficients, box, bilinear and bicubic filters) | MIT-CMU |
 | [HarfBuzz](https://github.com/harfbuzz/harfbuzz) | `src/render/buffer.ts`, `src/render/layout.ts`, `src/render/shape.ts`, `src/render/shapers/*` (OpenType shaping: buffer, GSUB/GPOS, normalization, fallback positioning, the script shapers and syllable grammars), `scripts/unicode.js` (shaping category tables) | Old MIT |
 | [Universal Shaping Engine data](https://github.com/harfbuzz/harfbuzz/tree/main/src/ms-use) by Microsoft | `scripts/ms-use` (category overrides, invalid vowel sequences), the tables generated from them in `src/render/unicode-data.ts` | MIT |
-| [resvg](https://github.com/linebender/resvg) by the Resvg Authors | `src/render/filter.ts` (the filter effects: regions, inputs, color spaces, box blur (based on [fastblur](https://github.com/fschutt/fastblur)), IIR blur, offset, flood, composite, merge, drop shadow, color matrix, component transfer, tile, morphology, convolution), `src/render/svg.ts` (the filters' attributes like usvg; how patterns are rendered and their reference cycles broken, following resvg and usvg; the markers' placement and orientation, ported from usvg; as many cubics per arc as kurbo makes for usvg; how images are fitted, clipped and sampled; transform-origin, paint-order, context-fill and context-stroke, mix-blend-mode and isolation, following usvg), `tests/svgs/resvg` (test cases with resvg's renderings) | MIT (or Apache-2.0) |
+| [resvg](https://github.com/linebender/resvg) by the Resvg Authors | `src/render/filter.ts` (the filter effects: regions, inputs, color spaces, box blur (based on [fastblur](https://github.com/fschutt/fastblur)), IIR blur, offset, flood, composite, merge, drop shadow, color matrix, component transfer, tile, morphology, convolution), `src/render/svg.ts` (the filters' attributes like usvg; how patterns are rendered and their reference cycles broken, following resvg and usvg; the markers' placement and orientation, ported from usvg; as many cubics per arc as kurbo makes for usvg; how images are fitted, clipped and sampled; transform-origin, paint-order, context-fill and context-stroke, mix-blend-mode and isolation, following usvg; how text elements are read: whitespace, positions, chunks, spans, decorations, baseline shifts, text paths, as in usvg), `src/render/svg-text.ts` (text layout ported from usvg: shaping across spans, spacing, text length, anchors, positions along paths, baselines, decorations, vertical text, color glyphs' placement), `tests/svgs/resvg` (test cases with resvg's renderings) | MIT (or Apache-2.0) |
+| resvg's test fonts: [Noto](https://notofonts.github.io) fonts by Google, [Amiri](https://github.com/aliftype/amiri) by Khaled Hosny, [M+](https://mplusfonts.github.io) by the M+ Fonts Project, [Sedgwick Ave Display](https://github.com/googlefonts/sedgwickave) by Kevin Burke, [Source Sans Pro](https://github.com/adobe-fonts/source-sans) by Adobe, [Yellowtail](https://fonts.google.com/specimen/Yellowtail) by Astigmatic, [Twemoji](https://github.com/twitter/twemoji) by Twitter, a CFF and sbix test font of resvg | `tests/fonts/resvg` (subsets, see `scripts/resvg-test-fonts.py`; their licenses are next to them) | OFL-1.1, Apache-2.0, MIT, CC-BY 4.0 (Twemoji's graphics) |
+| [fontdb](https://github.com/RazrFalcon/fontdb) by Yevhenii Reizner | `src/render/svg-text.ts` (font matching: CSS Fonts' algorithm as fontdb's queries do it, the fallback's style check) | MIT |
+| [kurbo](https://github.com/linebender/kurbo) by Raph Levien | `src/render/svg-text.ts` (arc lengths of cubics: adaptive Legendre-Gauss quadrature; parameters at arc lengths: the ITP method) | MIT (or Apache-2.0) |
 | [tiny-skia](https://github.com/linebender/tiny-skia) by Yevhenii Reizner (from [Skia](https://skia.org) by Google) | `src/render/blend.ts` (the blend modes of feBlend and mix-blend-mode) | BSD-3-Clause |
 | [gaussianiir](http://www.getreuer.info/home/gaussianiir) by Pascal Getreuer | `src/render/filter.ts` (the IIR blur for small deviations, through resvg) | BSD-2-Clause (Simplified BSD) |
 | [Unicode Character Database](https://www.unicode.org/ucd/) | `src/render/unicode-data.ts` (character properties, generated by `scripts/unicode.js`) | Unicode License v3 |
@@ -523,6 +526,62 @@ IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 DEALINGS IN THE SOFTWARE.
 ```
 
+## fontdb
+
+```
+The MIT License (MIT)
+
+Copyright (c) 2020 Yevhenii Reizner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```
+
+## kurbo
+
+```
+Copyright (c) 2018 Raph Levien
+
+Permission is hereby granted, free of charge, to any
+person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the
+Software without restriction, including without
+limitation the rights to use, copy, modify, merge,
+publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software
+is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice
+shall be included in all copies or substantial portions
+of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT
+SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.
+```
+
 ## tiny-skia
 
 ```
 
@@ -0,0 +1,49 @@
+# Writes tests/fonts/resvg: resvg's test fonts (github.com/linebender/resvg, crates/resvg/tests/fonts, with their
+# licenses) subset to the characters of the test cases in tests/svgs/resvg and the ones their letters and
+# marks compose to (the shaper composes them where a font has them), with all names and layout features. Its small
+# subsets (emoji, CFF and sbix) are copied as they are, Roboto Flex (variable fonts aren't supported) left out. Needs
+# fontTools:
+#   RESVG_FONTS=path/to/resvg/crates/resvg/tests/fonts python scripts/resvg-test-fonts.py
+import os, shutil, unicodedata
+from pathlib import Path
+from fontTools import subset
+from fontTools.ttLib import TTFont
+
+root = Path(__file__).resolve().parent.parent
+source = Path(os.environ['RESVG_FONTS'])
+target = root / 'tests' / 'fonts' / 'resvg'
+target.mkdir(parents=True, exist_ok=True)
+
+used = {chr(c) for c in range(0x20, 0x7f)}
+for case in (root / 'tests' / 'svgs' / 'resvg').rglob('*.svg'):
+    content = case.read_text(encoding='utf-8')
+    if '<text' in content:
+        used |= set(content)
+marks = [c for c in used if unicodedata.combining(c)]
+composed = {unicodedata.normalize('NFC', b + m) for b in used for m in marks}
+characters = sorted(ord(c) for c in used | {c for c in composed if len(c) == 1})
+
+for path in sorted(source.iterdir()):
+    name = path.name
+    if name.startswith('RobotoFlex'):
+        continue
+    if path.suffix not in ('.ttf', '.otf'):
+        if 'LICENSE' in name or 'OFL' in name:
+            shutil.copy(path, target / name)
+        continue
+    if '.subset.' in name or name.startswith('CFF-and-SBIX'):
+        shutil.copy(path, target / name)
+        continue
+    options = subset.Options()
+    options.layout_features = ['*']
+    options.name_IDs = ['*']
+    options.name_languages = ['*']
+    options.name_legacy = True
+    options.notdef_outline = True
+    options.hinting = True
+    options.legacy_kern = True
+    font = TTFont(path)
+    subsetter = subset.Subsetter(options)
+    subsetter.populate(unicodes=characters)
+    subsetter.subset(font)
+    font.save(target / name)
@@ -4,7 +4,7 @@ import { concat } from '../util/mem.ts';
 import { littleEndian } from '../util/alpha.ts';
 import { encode as utf8, decode as utf8Decode } from '../util/utf8.ts';
 import { orientation as exifOrientation, xmpOrientation } from './exif.ts';
-import { compressAsync, decompressAsync } from './zlib.ts';
+import { compressAsync, decompressAsync, decompress } from './zlib.ts';
 
 const HEAD = Uint8Array.of(137, 80, 78, 71, 13, 10, 26, 10);
 const IHDR = 0x49484452;
@@ -599,22 +599,31 @@ function parse(array: Uint8Array): Parsed {
     return { header, palette, transparency, idat, exif, text, animation, frames, animationError };
 }
 
-// inflates and converts one image (the default image or an APNG frame) to RGBA
-async function decodeImageData(p: Parsed, chunks: Uint8Array[], width: number, height: number): Promise<Uint8Array> {
-    const { depth, colorType, interlace } = p.header;
-    const channels = COLOR_TYPE_CHANNELS[colorType];
-    const bitsPerPixel = channels * depth;
-    const bpp = Math.max(1, bitsPerPixel >> 3);
-    const passes = interlace ? ADAM7.map(([xs, ys, dx, dy]) => [xs, ys, dx, dy, Math.ceil((width - xs) / dx), Math.ceil((height - ys) / dy)]) : [[0, 0, 1, 1, width, height]];
-
+// the interlace passes of an image ([x start, y start, x step, y step, width, height]) and its inflated size
+function passesOf(p: Parsed, width: number, height: number): { passes: number[][], expected: number } {
+    const bitsPerPixel = COLOR_TYPE_CHANNELS[p.header.colorType] * p.header.depth;
+    const passes = p.header.interlace ? ADAM7.map(([xs, ys, dx, dy]) => [xs, ys, dx, dy, Math.ceil((width - xs) / dx), Math.ceil((height - ys) / dy)]) : [[0, 0, 1, 1, width, height]];
     let expected = 0;
     for (const pass of passes) {
         const [, , , , pw, ph] = pass;
         if (pw > 0 && ph > 0) expected += ph * (1 + Math.ceil(pw * bitsPerPixel / 8));
     }
+    return { passes, expected };
+}
 
+// inflates and converts one image (the default image or an APNG frame) to RGBA
+async function decodeImageData(p: Parsed, chunks: Uint8Array[], width: number, height: number): Promise<Uint8Array> {
+    const { expected } = passesOf(p, width, height);
     if (!chunks.length) throw new Error('PNG: missing image data');
-    const data = await decompressAsync(chunks.length === 1 ? chunks[0] : concat(chunks), expected);
+    return imagePixels(p, await decompressAsync(chunks.length === 1 ? chunks[0] : concat(chunks), expected), width, height);
+}
+
+// an image's RGBA pixels from its inflated data
+function imagePixels(p: Parsed, data: Uint8Array, width: number, height: number): Uint8Array {
+    const { depth, colorType, interlace } = p.header;
+    const bitsPerPixel = COLOR_TYPE_CHANNELS[colorType] * depth;
+    const bpp = Math.max(1, bitsPerPixel >> 3);
+    const { passes, expected } = passesOf(p, width, height);
     if (data.length < expected) throw new Error('PNG: image data is truncated');
 
     const rgba = new Uint8Array(width * height * 4);
@@ -649,6 +658,16 @@ export async function decode(array: Uint8Array, maxPixels = MAX_PIXELS): Promise
     return { width, height, pixels, orientation: p.exif ? exifOrientation(p.exif) : await textOrientation(p.text) };
 }
 
+/** Decodes a PNG into 8-bit RGBA at once (inflated without the native, asynchronous streams; for small images) */
+export function decodeSync(array: Uint8Array, maxPixels = MAX_PIXELS): { width: number, height: number, pixels: Uint8Array } {
+    const p = parse(array);
+    const { width, height } = p.header;
+    checkPixels(width, height, maxPixels);
+    if (!p.idat.length) throw new Error('PNG: missing image data');
+    const { expected } = passesOf(p, width, height);
+    return { width, height, pixels: imagePixels(p, decompress(p.idat.length === 1 ? p.idat[0] : concat(p.idat), expected), width, height) };
+}
+
 export interface APNGFrame {
     x: number;
     y: number;
 
@@ -160,6 +160,15 @@ export interface SVGOptions {
      * Default: {@link Image.SVG_MODE_SCALE}
      */
     mode?: SVGScaleMode;
+    /**
+     * Fonts for `<text>` (TrueType, OpenType): each text gets the face its `font-family`, `font-weight`, `font-style`
+     * and `font-stretch` match best among them, by the names, weights and styles in the fonts (like browsers match
+     * installed fonts). Generic families (`serif`, `sans-serif`, `monospace`, ...) are the first font that fits them,
+     * other families and text without one get the first font's family; characters a face doesn't have come from the
+     * other fonts. Fonts the SVG embeds with `@font-face` (in data: URIs, also WOFF) are used too, before these for
+     * their family names. Without any fonts text isn't rendered. Default: `[]`
+     */
+    fonts?: BinaryData[];
 }
 
 /** Options of {@link Image.renderText}: the text color and layout, and its style (see {@link TextStyle}) */
@@ -2289,7 +2298,7 @@ export class Image {
      * Creates a new image from the given SVG
      * Supports shapes, paths, transforms, use/symbol, CSS styles, gradients, patterns, strokes, markers, clip paths,
      * masks, opacity, blend modes, filters (all primitives and the filter functions) and images embedded as data URIs
-     * (PNG, JPEG, GIF, WebP, SVG); text is not rendered
+     * (PNG, JPEG, GIF, WebP, SVG), and text with the given or embedded fonts (see {@link SVGOptions.fonts})
      * @param svg The SVG content
      * @param options See {@link SVGOptions}
      * @return The rendered SVG graphic
@@ -2304,7 +2313,7 @@ export class Image {
      */
     static renderSVG(svg: string | BinaryData, size?: number, mode?: SVGScaleMode): Promise<Image>;
     static async renderSVG(svg: string | BinaryData, sizeOrOptions: number | SVGOptions = 1, modeArgument: SVGScaleMode = Image.SVG_MODE_SCALE): Promise<Image> {
-        const { size = 1, mode = Image.SVG_MODE_SCALE } = isOptions(sizeOrOptions) ? sizeOrOptions : { size: sizeOrOptions, mode: modeArgument };
+        const { size = 1, mode = Image.SVG_MODE_SCALE, fonts = [] } = isOptions(sizeOrOptions) ? sizeOrOptions : { size: sizeOrOptions, mode: modeArgument };
         if (![1, 2, 3].includes(mode))
             throw new Error('Invalid SVG scaling mode');
 
@@ -2332,7 +2341,7 @@ export class Image {
             }
         }
 
-        const {width, height, pixels} = svgRenderer.render(source, mode, size, images);
+        const {width, height, pixels} = svgRenderer.render(source, mode, size, images, fonts.map(font => view(font)));
         const image = new Image(width, height);
         image.bitmap.set(pixels);