Balisage Paper: How long is my SVG <text> element?

Balisage: The Markup Conference 2021
August 2 - 6, 2021

The materials listed below were provided by the speaker as supplements to a presentation at Balisage. These materials may include the slides or visuals used in the presentation; supplementary material, such as code samples or a demonstration application; and/or the paper accompanying the presentation (if it has not been provided in XML). These materials have been zipped for easy download and are identified by a brief description of the contents. The materials themselves are untouched, that is, they have not been tested or edited by Balisage: The Markup Conference or by Mulberry Technologies, Inc. As such, they are included on this website AS IS, i.e., as provided by the speaker, with no warranties, express or otherwise, made by Balisage or Mulberry.

Slides and Materials

×

Nixon, Stephen. An intro to FontTools. https://github.com/arrowtype/fonttools-intro

×

Bellamy-Royds, Amelia. How to scale SVG. Updated on Jun 27, 2017. https://css-tricks.com/scale-svg/

×

Chase, William R. Font height differences between Windows and Mac. 2019. https://www.williamrchase.com/post/font-height-differences-between-windows-and-mac/

×

De Oliveira, Vincent. Deep dive CSS: font metrics, line-height and vertical-align. 2017. https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align

×

Gudehus, Benjamin. Vertical text alignment in SVG. https://observablehq.com/@hastebrot/vertical-text-alignment-in-svg

×

Scalable Vector Graphics (SVG) 2 W3C Candidate Recommendation 04 October 2018. §11.10.1.4. The kerning property. https://www.w3.org/TR/SVG2/text.html#KerningProperty

Author's keywords for this paper:
SVG; font metrics