Participating Frequently

Answered

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

3 replies
323 views
Translate

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!

David__BCorrect answer

Legend

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>

<head>

<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>

David__BCorrect answer

Legend

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>

<head>

<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>

Translate

jlcpuAuthor

Participating Frequently

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...

Translate

David__B

Legend

Hi @jlcpu

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

Thanks,

Dave

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.