postcss-font-normalize
v0.0.0
Published
PostCSS plugin to normalize font-family
Downloads
4
Maintainers
Readme
PostCSS Font Normalize
PostCSS plugin to normalize font-family.
input:
.absolute-font-size { font: x-large Arial, serif }
.font-size-with-line-height { font: x-large/110% Arial, serif }
.length-font-size-and-line-height { font: normal small-caps 120%/120% fantasy }
.bad-order { font: bold italic large Palatino, serif }
.ascii {
font-family: Arial;
}
.lowercase {
font-family: arial;
}
.unicode {
font-family: 楷体;
}
.unicode-escape {
font-family: \4EFF\5B8B;
}
.generic {
font-family: Arial, 楷体, serif;
}
.blankspace {
font-family: Tohama, Microsoft Yahei, sans-serif;
}
.all-in-one {
font-family: Arial, \9ed1\4f53, 黑体, 华文细黑, sans-serif;
}
.good {
font-family: Arial, "\9ed1\4f53", "黑体", "华文细黑", sans-serif;
}
output:
.absolute-font-size { font: x-large "Arial", serif }
.font-size-with-line-height { font: x-large/110% "Arial", serif }
.length-font-size-and-line-height { font: normal small-caps 120%/120% fantasy }
.bad-order { font: italic bold large "Palatino", serif }
.ascii {
font-family: "Arial";
}
.lowercase {
font-family: "arial";
}
.unicode {
font-family: "楷体";
}
.unicode-escape {
font-family: "\4EFF\5B8B";
}
.generic {
font-family: "Arial", "楷体", serif;
}
.blankspace {
font-family: "Tohama", "Microsoft Yahei", sans-serif;
}
.all-in-one {
font-family: "Arial", "\9ed1\4f53", "黑体", "华文细黑", sans-serif;
}
.good {
font-family: "Arial", "\9ed1\4f53", "黑体", "华文细黑", sans-serif;
}
Usage
postcss([ require('postcss-font-normalize') ])
See PostCSS docs for examples for your environment.