上海社会科学院;如果元素的大小超过16px，则更改font-family

Question

我甚至不知道这是否可能，我必须带一个LTR网站的RTL版本。我正在使用带有Node和Grunt的Foundation 5.基本上是一个文件，它覆盖了一些css规则原始的ltr文件..

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

因此，不要花费大量时间“扫描”整个css / sass文件的字体大小，并使用正确的字体系列重新创建这些规则..我需要一些能自动检测是否设置了字体大小的东西检查它是否高于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);