Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to get an alternative stylistic set for web fonts? #33

Open
Makkons opened this issue Aug 30, 2022 · 2 comments
Open

How to get an alternative stylistic set for web fonts? #33

Makkons opened this issue Aug 30, 2022 · 2 comments

Comments

@Makkons
Copy link

Makkons commented Aug 30, 2022

Using figma with your fonts, you can set an alternative set style, where the letter "Л" (Russian Cyrillic) is different, for example in spoilers No. 1 and No. 2.
When using web fonts, I need this letter to be like in spoiler №1, but it is like in spoiler №2.
How can I change the style of these letters in a web font by analogy with the font from figma, do I need a style like in spoiler # 1?

Spoiler №1 - what do I need, figma (screenshot) Снимок экрана 2022-08-30 в 15 05 59
Spoiler №2 - what I get, figma (screenshot) Снимок экрана 2022-08-30 в 15 07 15
Spoiler №3 - web fonts (screenshot) Снимок экрана 2022-08-30 в 15 18 55
@Cogli
Copy link

Cogli commented Sep 8, 2022

Not sure if I understand your issue correctly, but maybe just a css line?
font-feature-settings: "ss01";

https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings

@redfortf
Copy link

redfortf commented Jan 12, 2024

Maybe I am a little bit late to the problem, but the issue was because font detects the usage of Russian language (via "lang" attribute of <html> tag, persumably, however I am not sure) in the website and implicitly sets "ss01" to be variant from Spoiler №2 no matter how you set "ss01" in CSS.

To override that, the line that is needed is font-feature-settings: "locl" 0; which turns off locale detection.

As variant from Spoiler №1 is the default one, "ss01" does not need be set, and just turning off locale detection will work.

Source: went to website shown on the Spoilers, and added the abovementioned line in CSS via webtools.
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants