Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否有将@font-face规则与CSS变量相结合的用例?还是我只是在为自己做额外的调试?_Css_Variables_Debugging_Font Face - Fatal编程技术网

是否有将@font-face规则与CSS变量相结合的用例?还是我只是在为自己做额外的调试?

是否有将@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'); }

我们经常在代码库中使用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;
    }`