上海社会科学院; 如果元素大小大于16px，请更改font-family

我甚至不知道如果这是可能的，我必须带一个RTL版本的网站是LTR ..我使用基金会5与节点和Grunt.Basically一个文件，覆盖原来的ltr文件的一些CSS规则..

客户要求我; 当元素文本的大小超过16px时，请使用特殊的font-family。由于其他开发人员不断更改sass / css，因此需要一个工具（或SASS公式），以便在部署文件时自动切换字体系列咕噜。

所以，而不是花费大量的时间“扫描”字体大小的整个css / sass文件，并重新创build这些规则与正确的字体家庭..我需要的东西，自动检测是否设置字体大小，然后检查是否大于16px，那么如果是这样，它会改变元素的字体系列。

谢谢

Answer 1

对我来说，最好的方法是使用一个SASS mixin应用font-size并检查值以应用自定义字体：

 @mixin custom-font-size($pixel) { font-size: $pixel; @if $pixel > 16 { font-family: 'Comic Sans MS'; } } 

并像这样调用它：

 @include custom-font-size(10px);