TemplatesLearnPricing
Community
Facebook GroupDiscord Server
Sign Up
Video Tutorials
Weekly Live Sessions
Getting Started
What is Cuttle?Make a free name keychainMake connected textMake laser cut boxes
Laser Cutting Fundamentals
Cutting, Scoring, Engraving - what’s the difference?Using Cuttle with GlowforgeUsing Cuttle with LightBurnUsing Cuttle with xTool StudioUsing Cuttle with WeCreat MakeIt!
Account and Billing
How to cancel your subscriptionHow to switch from monthly to yearly billingHow to update your payment methodHow to download invoice and receipt pdfsLicensing
Troubleshooting
Cuttle System RequirementsAccount TroubleshootingxTool: SVGs are not importing at the correct scale / dimensionsLightBurn: Kerf is incorrectRDWorks: How to import SVG files
Fonts and Text
Adding your own fontsRemoving a font you uploadedHow do I type special characters in Cuttle?Why can’t I see special characters in the font I uploaded?How to offset text for laser cuttingAdding your own icons
Cuttle Editor Basics
Can I use Cuttle to make my own designs?Understanding the Cuttle interfacePen tool and path editingGuidesChanging unitsCopying componentsHow to use Export for Print & Cut
Cuttle Editor Tools & Modifiers
Warped TextText Along PathText Within BoxCustomized repetitionsCreate a grid of hexagons with Tile RepeatWeld and ScoreAuto LayoutSwitcherVisibleRound CornersAttachMaskFlatten
Making Your Own Templates
Make an engraved name templateMake a layered name templateHow to generate a custom filenameHow to add recommended fonts
Cuttle Creators
Join Cuttle CreatorsHow royalties and payments workCuttle Creator responsibilitiesTemplate guidelinesAdditional questionsInformation for new Cuttle CreatorsPublishing Changes to a TemplateSlots Best Practices
Parameters
Getting started with parametersShowing and hiding parametersVector referenceMath reference
Scripting
Getting started with scriptingCode componentsScripting fundamentalsCalling other components and modifiersWorking with paths
Scripting Reference
CuttleContext
CuttleContextProject
CuttleConsoleMath
VecAffineMatrixBoundingBox
Geometry
AxisRayLineSegmentCubicSegmentOverlapSpanOverlapResult
Graphic
AnchorPathCompoundPathGroupColorFillImageImageFillQRCodeSVGSVGRendererStroke
FontFontGlyphFontRendererRichText
RichTextGlyphRichTextSymbol
Random
RandomGenerator
Utilities
ContainmentPathContainment
InterfacesBuilt-in ShapesBuilt-in Modifiers

FontRenderer

The base class for all font faces. Internally, fonts can be either SVG or OpenType. To instantiate a font, use

const myFont = getFontFromURL(font);

where font is the url parameter chosen by the font picker.

Constructors

FontRenderer is an abstract type and cannot be instantiated its own.

Properties

.ascenderHeightnumber

The maximum height above the baseline of any glyph in the font. This value is a scale relative to the font size.

.descenderHeightnumber

The maximum height below the baseline of any glyph in the font. This value is a scale relative to the font size.

.isSingleLineboolean

Most fonts are designed as filled shapes, but some are designed to be used as open paths or "single line" fonts.

Methods

.glyphsFromString(text,renderOptions)→FontGlyph[]

Use when modifier will layout each glyph. Should not include newlines. Accepts string or RichText.

text
unknown
renderOptions
Partial<FontRenderOptions>
{}
.renderLine(textString,renderOptions)→RenderLineResult

A single line of text that should not include newlines.

textString
(string | RichText)
renderOptions
Partial<FontRenderOptions>
{}
.render(text,renderOptions)→RenderLineResult[]

Use when modifier will layout each line. Can include newlines. Casts input to string or RichText.

text
unknown
renderOptions
Partial<FontRenderOptions>
{}