Link
how-to-scale-glyphs-in-fontforge

How to Scale Glyphs in Fontforge

This tutorial will show you how to scale glyphs in Fontforge.

How this Tutorial is Organized

  1. We’ll start with a brief definitions section.
  2. Next we’ll select the glyphs we want to scale.
  3. Then we’ll go through the settings within the Transform dialogue box.
  4. Then we’ll test the scaled glyphs to make sure we’re happy with them.

i. You can download Fontforge for Windows, Mac, or Linux from here.
ii. The font used in this tutorial is called Lovers Quarrel. It’s a free font for personal and commercial use with an open source license.
iii. This tutorial is shown on a Windows 10 computer with Fontforge version 03142020.
iv. Fontforge does crash, so save often.


Definitions

This is ‘Font View’

font-view-for-scaling-glyphs-in-fontforge


Selecting Glyphs

In this tutorial we’ll be selecting all the glyphs in Lovers Quarrel.

  1. To do this, make sure you’re in ‘Font View’ then,
    a) Click on ‘Edit>Select>Select All’
    select-all-glyphs-for-scaling-with-fontforge

  2. Now that all the glyphs are selected,
    a) Click on ‘Element>Transformations>Transform’.
    transform-tool-to-scale-glyphs-in-fontforge

  3. The transform dialogue box will pop up and the next step will be to change the settings.


Transform Dialogue Box

  1. The transform’ dialogue box includes several settings for you to consider, including performing a sequence of events.
    a) This tutorial does not explore sequences.

  2. Start by clicking on the drop down box next to the word ‘Origin:’ then,
    a) select ‘Glyph Origin’ from the list.

    i. Selecting the ‘Glyph Origin’ option will scale our glyphs without compromising the original font structure, meaning kerning and spacing is maintained.
    transform-settings-to-scale-glyphs-in-fontforge

  3. Next chose one of the following:
    a) Click ‘Scale Uniformly’ if you intend on scaling the width and height equally, or
    b) Click ‘Scale’ if you intend to scale with different width and height percentages.
    For this tutorial, we’ll be selecting ‘Scale Uniformly’.
    how-to-scale-glyphs-in-fontforge-using-the-transform-tool

  4. Enter your scale dimensions out of 100.
    a) I use between 140% - 160% when glyphs are around 600 above the baseline.

  5. If you would like to do more transforming and perform a sequence,
    a) Select the ‘Do Nothing’ drop down boxes, and choose the events that will occur after scaling.

  6. In this guide, we just want to scale, therefore we’ll be selecting ‘Do Nothing’.

  7. If you’ve inserted additional ‘Layers’, or ‘Guide Layers,’ tick these two boxes, otherwise leave them unticked.

  8. Tick the next three (3) boxes, then
    a) Click on ‘OK’.
    transform-settings-to-scale-glyphs-in-fontforge

  9. Now wait for the transformation action to occur.
    scaled-results-in-font-view


Review & Test

  1. Next, we’ll look at two (2) options to review and test our scaled glyphs,
    a) using Fontforge’s ‘Metrics View’, and
    b) generate and install the font, and test it in Adobe Photoshop and Adobe Illustrator.

    Metrics View Testing

  2. First we’ll review and test our scaled glyphs in ‘Metrics View’. Start from ‘Font View’ then,
    a) click on ‘Metrics>New Metrics Window’
    testing-scaled-glyphs-in-metrics-view

  3. With the ‘Metrics View’ open,
    a) type into the text box and review each glyph for inconsistencies or things you want to change.

  4. For example, I’ve typed in ‘own fox jumps’ and noticed a couple of letters don’t join up. This can be fixed using the kerning feature in Fontforge.
    a) I’ve circled these in red for illustration purposes.
    identifying-errors-in-metrics-view

  5. This is what it looks like after adjusting the kerning.
    a) It turns out the ‘o’ and ‘x’ are vertically apart and need to be manually extended in ‘Char View’.
    review-after-fixing-kerning

  6. How to kern will not be discussed in this tutorial because it’s such a big topic and this tutorial is focused on how to scale glyphs.

    Generating and Installing the Font

  7. Now we’ll look at reviewing and testing the scaled glyphs by generating and installing the font.

  8. If you’re unsure on what to do with the ‘generate font’ settings, head on over to my Abg Font Thumbnail tutorial for detailed instructions on generating fonts.

  9. After you’ve generated your updated font,
    a) compare your scaled font with the original by double clicking on the font thumbnails to open.
    thumbnail-of-original-font-size thumbnail-of-scaled-size
    font-window-comparison-of-original-and-scaled-glyphs

  10. Identify areas you may want to change.

  11. For example, I’ve circled these in red for illustration purposes.
    red-circled-errors-to-fix

  12. I then installed the scaled font and opened Adobe Photoshop and Adobe Illustrator and tested the font, to see if it needed changes or it’s simply part of the font style.
    adobe-photoshop-font-preview-of-scaled-glyphs adobe-illustrator-font-preview-of-scaled-glyphs
    adobe-photoshop-font-preview-of-scaled-glyphs adobe-illustrator-font-preview-of-scaled-glyphs

That brings us to the end of this tutorial

I hope this tutorial has been of assistance and you can put some of the information to good use when scaling glyphs.