_mixins.scss
839 Bytes
@charset "utf-8";
/**
* 引用自定义字体
* @param string $name 字体名称
*
*/
@mixin font-family($name) {
font-family: $name;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0;
-moz-font-smoothing: grayscale;
}
/**
* 自定义字体
* @param string $name 字体名称
* @param string $path 字体路径
*
*/
@mixin font-face($name, $path) {
@font-face {
font-family: $name;
src: url('#{$path}#{$name}.eot');
src: url('#{$path}#{$name}.eot?#iefix') format('embedded-opentype'), url('#{$path}#{$name}.woff') format('woff'), url('#{$path}#{$name}.ttf') format('truetype'), url('#{$path}#{$name}.svg#') format('svg');
font-weight: normal;
font-style: normal;
}
.#{$name} {
@include font-family($name);
}
}