是否有将@ font-face规则与CSS变量组合在一起的用例？还是我只是设置自己进行额外的调试？

编程问答 2022-08-14

问题描述

我们经常在代码库中使用CSS变量。我意识到它们与@ font-face声明具有相同的作用。我想知道是否有人找到了将两者结合的用例。或者，如果我只是为自己添加更多工作，以解决潜在的拼写错误等问题。

` @ 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;
    }`

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

debuggingdebuggingdebuggingfont-facevariablesvariables