是否有将@font-face规则与CSS变量相结合的用例?还是我只是在为自己做额外的调试?
我们经常在代码库中使用CSS变量。我意识到他们做的事情和@font-face声明是一样的。我想知道是否有人找到了将两者结合起来的用例。或者,如果我只是为自己添加了更多的工作来调试可能出现的错误,等等 ` @字体{ 字体系列:“Proxima Nova”; src:url('https://eventfinity-production-assets.s3.amazonaws.com/materials/fakenumber/original/PROXIMANOVA-REGULAR.OTF'); }是否有将@font-face规则与CSS变量相结合的用例?还是我只是在为自己做额外的调试?,css,variables,debugging,font-face,Css,Variables,Debugging,Font Face,我们经常在代码库中使用CSS变量。我意识到他们做的事情和@font-face声明是一样的。我想知道是否有人找到了将两者结合起来的用例。或者,如果我只是为自己添加了更多的工作来调试可能出现的错误,等等 ` @字体{ 字体系列:“Proxima Nova”; src:url('https://eventfinity-production-assets.s3.amazonaws.com/materials/fakenumber/original/PROXIMANOVA-REGULAR.OTF'); }
@font-face {
font-family: 'Proxima Nova Light';
src: url('https://eventfinity-production-assets.s3.amazonaws.com/materials/fakenumber/original/PROXIMANOVA-LIGHT.OTF');
font-weight: light;
}
@font-face {
font-family: 'Proxima Nova Bold';
src: url('https://eventfinity-production-assets.s3.amazonaws.com/materials/fakenumber/original/PROXIMANOVA-BOLD-WEBFONT.TTF');
font-weight: bold;
}
:root {
--Proxima_nova_regular: "Proxima Nova", sans-serif;
--Proxima_nova_light: "Proxima Nova Light", sans-serif;
--Proxima_nova_bold: "Proxima Nova Bold", sans-serif;
}`