Settings
The Settings page is where you can adjust different behaviors or data for your Project, the App, or your Font.
Project
Project name Text
Name for this project. Can be different than the Font or Font Family name. Also, this will be used as the name of the saved Glyphr Studio Project (.gs2) file.
Version Read only
The latest app version that edited this project file.
Initial version Read only
The app version this project file was first created with.
Project ID Read only
A unique ID used to identify this project.
Font
Font family Text
Base font family name, that will be shared across font styles. This will also be used as the base name for exported font files.
Font style Text
Describes this font within the overall font family. Usually a combination of how bold this font is and if it is italic.
example:
Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, Black,
Thin Italic, ExtraLight Italic, Light Italic, Italic, Medium Italic, SemiBold Italic, Bold Italic, ExtraBold Italic, Black Italic
Font version Text
If this font gets updates regularly, keep track of what version this iteration is. This is recommended to be in Semantic Versioning format, you can learn more at semver.org.
example: Version 1.0
Font description Text
Open-ended text to describe your font.
Panose-1 Text
Uses ten digits to describe the font's visual style. A good overview can be found on Monotype's GitHub page: monotype.github.io/panose/pan2.htm
Each digit of the ten digits is separated by a space, and has a special meaning based on its position.
example:
0 0 0 0 0 0 0 0 0 0
All zeros describe this font as 'any', which basically leaves it undefined.
2 0 0 0 0 0 0 0 0 0
The first digit is the major designator, where digit 2 represents Latin typefaces.
Font metrics - Key metrics
Units per Em (UPM) Em
UPM is the measure of the overall design space for a character in this fontThink of UPM like how many pixels of height you have to work with for each character. UPM can be any number, but traditionally it is either 1000 or 2048.
example: 1000, 2048
Ascent Em
Distance from the baseline to the top of square and tall lowercase letter(Like: b d h k l).
Descent Em
Distance from the baseline to the bottom of letters that have square descenders (Like: p q y depending on style). This is expressed as a negative number.
Capital letter height Em
Distance from the baseline to the top of square capital letters (Like: A B E F H I K L M N P R T U V W X Y Z). Usually this is slightly smaller than the ascent.
X height Em
Distance from the baseline to the top of square lowercase letters (Like: v x z).
Font metrics - Other metrics
Overshoot Em
Rounded characters are usually slightly larger than square characters to compensate for visual weight. For example, a lowercase 'o' will extend slightly above and below a lowercase 'x'. Overshoot is the measure of this distance.
Italic angle Degree
Most common degree of slant for glyphs in an italic font.
Links
Designer Text
Person or team who created this font.
Designer's URL Text
URL for the designer.
Manufacturer Text
Company who created this font.
Manufacturer's URL Text
URL for the manufacturer.
License Text
License under which this font is release
License URL Text
URL for the license.
Copyright Text
Copyright string
Trademark Text
Trademark string
Properties for SVG Fonts
These properties only get exported with SVG Fonts, not OTF fonts
Font variant Text
Either 'normal' or 'small-caps'.
Font weight Text
How bold this font is. Can be 'normal', 'bold', or a number between 100 and 900.
Font stretch Text
How condensed or expanded this font is.
example:
normal, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded
Vertical stem Em
Most common width measurement of vertical stems in this font.
Horizontal stem Em
Most common height measurement of horizontal stems in this font.
Slope Degree
The angle, in degrees counterclockwise from the vertical, of the dominant vertical strokes of the font. The value is negative for fonts that slope to the right.
Underline position Em
The ideal position of an underline with relation to the baseline (probably should be negative).
Underline thickness Em
The ideal height of an underline.
Strikethrough position Em
The ideal position of a strikethrough with relation to the baseline.
Strikethrough thickness Em
The ideal height of a strikethrough.
Overline position Em
The ideal position of an overline with relation to the baseline.
Overline thickness Em
The ideal height of an overline.
App
Saving
Warn about unsaved changes on window close Boolean
This will stop closing the window or tab with an "Are you sure?" message if you have unsaved changes.
Format project file for reading Boolean
Glyphr Studio Project files (.gs2) are text files in JSON format. By default, this file is saved to optimize for smaller file size. Setting this option to true formats the file to be more easily read by a human, but could increase the file size by 2x or more.
Auto-save a copy of the project with each change Boolean
When enabled, this option will use your browser's local storage to keep backups. These backups can be restored from the Open Projects page. Your browser's local storage is confined to this browser on this computer. If you use Glyphr Studio from another browser or on another computer, those backups will be available from there.
Delete all auto-saved backups Action button
Glyphr Studio uses your browser's local storage to keep auto-saved backups. If you use Glyphr Studio from a different browser, or on a different computer, you'll have to go there to restore or delete backups.
Behavior
Unlink component instances when deleting their root Boolean
When selected, this option will unlink component instances and turn them into normal paths if their component root is deleted (the glyph will look the same, but some component instances will end up as stand-alone path objects).
If this option is unselected, component instances will be deleted when their component root is deleted (the glyph will look different because it will have less shapes).
Visibility
Show non-graphic control characters Boolean
Show the Unicode code points represent things that aren't letters. In Unicode, the C0 and C1 control code or control character sets define control codes for use in text by computer systems that use ASCII and derivatives of ASCII.
This setting should probably stay turned off, control characters can probably be safely ignored.
Number of items to show in the chooser Number
For Ligatures, Components, and Kern Groups, this is how many items to show in the chooser menu. For projects with large numbers of items, splitting the items apart into pages can help the UI perform better. Default is 256, you can decrease it if your computer is being slow opening the item chooser, or increase it if you have a fast computer.
Project preview text Text
What text to show when previewing a project or switching between projects. If left blank, the string 'Aa Bb Cc Xx Yy Zz' will be used.
Importing & exporting
Export Ligatures to fonts Boolean
Uncheck this option if don't want ligature data exported to fonts.
Export Kern information to fonts Boolean
Uncheck this option if don't want kern data exported to fonts.
Export items that were created, but not edited Boolean
When you create a Ligature or Component, or navigate to a Character, an empty glyph item is created for you. It's possible to leave these items in an unedited state, essentially empty.
If this option is checked, these empty items will be exported to fonts. If this option is unchecked, these empty items will be filtered out, and not exported to fonts.
In the glyph chooser, these empty items' names are shown in a green color.
Move shapes when drag+dropping an SVG file Boolean
When importing SVG by dragging and dropping a .svg file onto the canvas, move the imported shapes to the origin (x = 0, y = shapes height). Setting up your other vector editor (like Adobe or InkScape) to have coordinates that match Glyphr Studio's coordinates can be challenging - sometimes resulting in imported SVG shapes being very far away from the origin. This is a simplistic option to at least get the imported shapes near the right area of the canvas.