Using a Clipping Group to create "@" in a variable font | Fontlab Lesson 8

Опубликовано: 14 Май 2026
на канале: Your Font Fetish • YFF
553
16

Hello!
When there is a task to quickly throw in a draft of the symbol "at" (@) you can use the mask from another element.
If you have a variable font, then you can adjust the boldness of the symbol, which is convenient, because the symbol appears thinner when transformed.
If you have a regular font with 1 style, then you will have to finish it a little manually so that the optically reduced letter "a" looks good.
Everything else is the same.

Free video course on how to create your own font in FontLab 8:
   • Как сделать свой шрифт с нуля в Fontlab за...  

Download FontLab 8 (Trial for 10 days):
https://www.fontlab.com/

___________________________________________________

ATTENTION:
❗❗❗For some reason, the mouse cursor was not captured. Sorry.
I won’t overwrite, you’ll figure it out.❗❗❗


INSTRUCTION:
0:00 Start

The letter "a" -
0:18 Adding the letters "a" and "O" for example
0:30 Adding the "a" component to the "@" sign
0:40 Transform element to 80%
0:49 Position it in the middle

— OVAL —
1:05 Adding an empty element (not useful in the end)
1:10 Copy and paste the path from "O"
1:30 Using the Power Nudge mode [Key "C" or toggle switch in the tool] move the path
3:00 Center "a" in the middle of the circle

— OPTICAL THICKNESS COMPENSATION —
3:41 Comparing character thicknesses and optically compensating for the variance component with the variance sliders
❗❗❗Only in variable font❗❗❗
❗❗❗If you have 1 style, then press the right mouse button and select "Decompose" and manually edit the thickness of the letter❗❗❗
4:38 Grouping elements

— CLIPPING GROUP —
4:48 Create an empty element and draw a rectangle in it (not useful again)
5:12 Outline extra details
5:51 Selecting ALL elements
6:10 Create a layer mask (Clipping Group)

POWER STROKE -
6:55 Draw a new path on an empty element (handy this time)
7:43 Apply to the Power Stroke section with the required thickness
8:10 Optically compensate horizontal
8:36 Turning a dynamic element into a regular path (Expand Stroke)

— TURNING EVERYTHING INTO CONTOURS —
8:57 From the top right in a row of icons, I click Flatten Glyph (Two "shields")
9:09 In the same place, having selected everything, I press Remove Overlap (Two squares) and everything merges into one contour

___________________________________________________
Your Font Fetish :: YFF :: Let's Make Letters

• YFF website: www.yourfontfetish.com/
• Telegram YFF: www.t.me/yourfontfetish
• Let's Make Letters chat: www.t.me/yourfontfetish_chat
• Group VKontakte YFF: www.vk.com/yourfontfetish

___________________________________________________
background music by:
Corbyn Kites    / @corbynkites8006  
Slynk -    / slynkdnb  
Kwon -    • Playlist  
Ofshane    • Playlist