@ font-face,具有较少的mixin和统一的样式

时间:2018-05-09 22:15:14

标签: less font-face

有多个.less文件导致导入本地的@ font-face自定义字体。

选项1 - 不起作用

@ font-face是在一个名为font.less的mixin文件中使用.less生成的。

@font-face {
  font-family: 'custom-font';
  src: 
  url("../fonts/client1/custom-font.woff2") format("woff2"), 
  url("../fonts/client1/custom-font.woff") format("woff")
  } 

font-family在另一个文件中定义,或者可以是相同的mixin文件。

@font_family_123: 'custom-font', cursive;

.woff文件以正确的路径嵌套在脚本之外。我还可以使用此方法添加谷歌字体和其他托管的.woof文件。我使用了相对和绝对路径,没有区别..

选项2 - 工作

如果我要将@font-face and @font-family包含在像"styles_default.less"这样的基本样式中,一切都按预期工作并加载正常。超级简单..在处理大量自定义字体时是否有某种方法可以分开,或者这可能不支持?

BTW使用较少的犀牛1.7.5

最佳 -

0 个答案:

没有答案