使用Less CSS进行可变字体大小调整

Question

我目前正在处理的项目要求在我们的应用程序中实现可变字体大小的辅助功能。我们目前使用较少的CSS，我试图找出根据用户选择的设置增加或减少字体大小的最佳方法。与更常见的用例不同，字体大小不会因屏幕宽度而异，所以我必须找出一些设置字体大小的方法，例如可能是cookie或URL参数的媒体查询？

以下是我设想的策略示例，但我无法弄清楚我需要什么样的媒体查询：

@smallFont: ~"(???)"; //What do I do here?
@medFont: ~"(???)";
@largeFont: ~"(???)";

@media @smallFont{
    @var-font-size:        0px;
}
@media @medFont{
    @var-font-size:        2px;
}

@media @largeFont{
    @var-font-size:        4px;
}

@font-size-xsmall:         14 + @var-font-size;
@font-size-smaller:        16 + @var-font-size;
@font-size-small:          18 + @var-font-size; 
@font-size-medium:         20 + @var-font-size;

Answer 1

为变量添加值，例如

cent7