允许用户定义CSS属性

Question

例如，说一个简单的css属性：

p.b {
  font-family: Arial, Helvetica, sans-serif;
}

此css属性应用于Web应用程序上的所有页面。但是我还想在Web应用程序中构建一个功能，该功能允许用户自行更改此样式或CSS属性。这可能意味着css属性是使用某种变量声明的。

我了解普通的CSS允许这样的变量声明：

:root {
 --main-bg-color: coral;
}

#div1 {
background-color: var(--main-bg-color);
} 

但是，此变量仍由软件开发人员而不是非技术人员声明。

所以我想知道让普通用户指定他或她想要的样式的最佳方法是什么。

我是否将css属性存储在数据库表中。用户的首选项存储在该数据库表中。然后，我使用一些客户端/服务器端代码从数据库中检索所需的属性，然后最终使用jquery更改css属性。

示例：

  var myVariable = 'Times New Roman';
  $('#selector').css("font-family", myVariable);

myVariable的值由某些客户端/服务器端代码分配，这些代码必须从数据库表中检索用户所需的字体系列。

这是可行的方法吗？实现这一目标的最标准方法是什么？这种行为是否需要使用诸如SASS或LESS的预编译CSS？