Asoma — 5 weights, Thin to Heavy. OpenType with 8 stylistic sets + discretionary ligatures.
Implementation
Alternates activated per-character via font-feature-settings classes on spans.
Scope
Glyph reference, weight specimens, alternates in context, and setup instructions.
01
Glyph alternates
Every alternate in stylistic sets 1–5 and the discretionary ligatures, shown in full. Left is the default glyph; right is the alternate the set activates. Shown here in Light. Verified against the font files — this is the complete set of what Asoma actually contains for these features.
ss01Normalized
E→E
R→R
S→S
a→a
g→g
s→s
y→y
ss02Open
A→A
E→E
J→J
M→M
R→R
S→S
T→T
g→g
h→h
k→k
m→m
n→n
s→s
t→t
ss03Hooked
A→A
M→M
S→S
h→h
m→m
n→n
s→s
ss04Curved leg
A→A
M→M
R→R
S→S
s→s
ss05Extended
A→A
K→K
M→M
R→R
s→s
dligLigatures
AC→AC
AS→AS
CA→CA
EA→EA
EM→EM
ES→ES
FT→FT
ME→ME
MS→MS
RA→RA
RS→RS
ST→ST
TT→TT
es→es
fa→fa
ks→ks
ra→ra
sa→sa
ts→ts
02
Weights
Asoma ships in five weights. Every stylistic set and ligature is present and identical across all of them — an alternate you pick in Thin behaves the same in Heavy. Each line below carries the same mix of alternates so you can read the family's range at a glance.
Thin100
CATERING FOR EVERY OCCASION
Light300
CATERING FOR EVERY OCCASION
Medium500
CATERING FOR EVERY OCCASION
Bold700
CATERING FOR EVERY OCCASION
Heavy900
CATERING FOR EVERY OCCASION
03
Alternates in context
The reason the alternates exist: display settings where a single swapped glyph changes the whole character of a word. Each specimen below is built from live text with the exact stylistic sets called out in its caption — nothing here is an image.
Type only — drop shadows, textures, and offsets of the original references are deliberately omitted so the letterforms and the alternates are what you're reading.
Four
Seasons
of Love
Four Seasons of LoveLight 300s → ss02 (open)r → ss04
Nose
Talgia
NoseTalgiaThin 100s → ss05 (swash tail)
LASton thE
HousELEFT
Last House on the LeftBold 700AS → dligs → ss05E → ss01
Every alternate above is one CSS property — font-feature-settings — applied to a span wrapping the specific character. In Webflow this is fully native: no code embeds needed for the classes themselves, and they stay editable in the Designer.
Setup in Webflow
STEP 1
Upload all five weights
Site Settings → Fonts → Custom Fonts. Confirm the file keeps its OpenType tables.
STEP 2
Create the feature classes
Add the six classes globally (Site Settings → Custom Code, or Style Panel → Custom Properties on a span). They then live site-wide.
STEP 3
Wrap & assign
Highlight a single letter → Wrap with span → assign the matching class. Position within the word doesn't matter.
NOTE
Ligatures are two letters
For dlig pairs (AS, EA, ST…) wrap both characters in one span.
