Skip to main content
jlcpu
jlcpu
Participating Frequently
March 14, 2025
Answered

Lubaline Open Type web font is missing glyph support for the letter 'o'

  • March 14, 2025
  • 2 replies
  • 285 views

Hi there,

 

In Illustrator, we can access alternate glyphs for certain letters. Lubaline is delightful in this regard, and offers lots of playful options.

 

On the web, I have started using the CSS declaration “font-feature-settings” to access these glyphs, and I am able to bring these design elements in as live type. Very exciting!

 

Discovering the correct character variant codes for font-feature-settings took some hunting, but I've started dialing it in with success.

 

But I noticed — the options for the lowercase O are missing. It should relate, I believe to 'cv41', so that if I wrote the following CSS I would change the glyph for that letter:

   

font-feature-settings : "cv41" 1

 

See attached for more info. Any chance that this can be fixed?

 

Thank you!

Correct answer David__B

Hi @jlcpu

This is the feedback I received >

To access that specific variant of the o you'll have to turn off the calt feature. Also, the variant has index 6. See HTML snippet attached.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>OpenType Font Alternates Demo</title>

<style>

@26667424-face {

font-family: 'MyFont';

src: url('59180.otf') format('opentype');

}

 

.normal-o {

font-family: 'MyFont';

font-size: 48px;

font-feature-settings: "calt" 0; /* Disable contextual alternates */

}

 

.alternate-o {

font-family: 'MyFont';

font-size: 48px;

font-feature-settings: "cv41" 6, "calt" 0;

}

</style>

</head>

<body>

2 replies

David__B
Adobe Employee
David__BCorrect answer
Adobe Employee
March 17, 2025

Hi @jlcpu

This is the feedback I received >

To access that specific variant of the o you'll have to turn off the calt feature. Also, the variant has index 6. See HTML snippet attached.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>OpenType Font Alternates Demo</title>

<style>

@26667424-face {

font-family: 'MyFont';

src: url('59180.otf') format('opentype');

}

 

.normal-o {

font-family: 'MyFont';

font-size: 48px;

font-feature-settings: "calt" 0; /* Disable contextual alternates */

}

 

.alternate-o {

font-family: 'MyFont';

font-size: 48px;

font-feature-settings: "cv41" 6, "calt" 0;

}

</style>

</head>

<body>

jlcpu
jlcpuAuthor
Participating Frequently
April 10, 2025

Great, thank you so much for getting back to me quickly! This solution is *a way* to get there, which I appreciate. Now that I see it, I realize that in my case, I DO want contextual alternates AND that o. But at least there is a way to get to it!! Lubaline is definitely a wacky case...

David__B
Adobe Employee
David__B
Adobe Employee
March 17, 2025

Hi @jlcpu

I'll consult with our developers about this and let you know what I find out.

Thanks,

Dave

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices