scss 简单的Sass字体mixin

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 简单的Sass字体mixin相关的知识,希望对你有一定的参考价值。

@mixin fontface($name, $file, $style: normal, $weight: normal) {
    @font-face {
        font-family: $name;
        font-weight: $weight;
        font-style: $style;
        src: url('../fonts/' + $file + '.ttf');
    }
}

以上是关于scss 简单的Sass字体mixin的主要内容,如果未能解决你的问题,请参考以下文章

scss sass general mixins响应字体面占位符

scss Sass mixin用于设置默认rem字体大小

scss Sass Mixin用于typekit变体特定的字体系列名称

scss Sass mixin包含font-face的字体

scss 简单的媒体查询Sass mixin可以让你考虑像素宽度,但输出是在ems中。

scss 简单的“Hocus”Sass @mixin:悬停和:聚焦伪。使它们更容易编写,您永远不会忘记同时指定它们。