Variable Font can be used?

---

Hi there!
I'm new to Laytheme, but i'm trying to understand all the potentiality : )

Can variable font be used in laytheme?
In particular for some hover effect using the font-variation-settings ?

Thanks in advance for any tip!

Alberto

Dear @albertoguerra

Just to clarify, when you refer to variable fonts, do you mean:

Variable fonts where you control the weight and scale
https://v-fonts.com/

Or font-variables where you have access to an OTF's additional styleset's such as glyphs, extra symbols and additional font options.
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-feature-values

And i will try to help from there :)

Best wishes and have a wonderful day

Richard

Thanks!
I mean variable fonts to control weight or any axes in the design space, variable fonts as variable fonts : )

So, for example to have, axis activation in hover (like this from my webiste: albguerra.it), or to simplify the decision of a weight using a font-variation-settings instead of light bold etc.

The first example is what i want to reach, if it is possible btw!

Best
A

Dear A @albertoguerra

I do not believe this is possible at this point in time, apologies for this,
however i would be happy to include this is the development notes for future discussion.

I will also continue to see if this is possible with some workaround and if i have success i will keep you posted, i am curious as well if this can be achieved.

Best wishes and i will update if i succeed :)

Sincerely
Richard

hey everyone

just experiencing the same problem. have to write a custom css for each, which is a bit annoying ;)

it would be really great if there could be some sort of switch in the laytheme options to disable font-weight and instead use font-variation-settings "wght". this way no new entry in the database needs to be made, just the css output changes from

font-weight:$fontWeight;

to

font-variation-settings:"wght" $fontWeight;

The original font-weight could just be left on 400 and since this variable is no longer needed, it can be used for font-variation-settings "wght".

I tried to change this in the actual laytheme code, but i did not quite succeed yet, so doing class based CSS workaround is the quickest fix for it yet.

but maybe implementing that little switch in the options wouldn't be too much to ask for a future update? :)

all the bests
martin

Dear Martin @clrcrtq

Awesome, thank you so much for this work around also yeah really good to hear your thoughts on the subject. Since the inception of Lay Theme variable fonts and other things like stylistic sets etc have become so widely used i agree an update would be great :)

Armin Currently is working full time on Woo-commerce support for Lay Theme so this change is likely not to occur in the next few months, but i am putting this into the development notes.

Please let me know if you have any further questions, Thank you for this post and for using Lay Theme in 2021

Best
Richard