字体

组件库的字体来自缝合像素 / Fusion Pixel，它采用 SIL OFL 1.1 许可证。

组件的字体由 CSS 变量 var(--px-font) 提供，如有更改字体的需要，你可以创建一个 --px-font 的变量把它覆盖掉。你可以设置 'pixelium' 的 class 名称来使用 --px-font 字体。

下面是预设的 pixelium 提供的样式：

css

.pixelium {
	font-family: var(--px-font);
	line-height: var(--px-line-height);
}

导入 import '@pixelium/web-vue/dist/font.css' 后，你可以在 font-family 属性中设置 'Fusion Pixel Zh_hans'，在组件外的地方使用这个字体。

汉字字形默认使用了简体中文，如果需要其他字形（如繁体、日韩汉字等）请不要导入 '@pixelium/web-vue/dist/font.css'。出于项目体积考虑，你可以前往 Fusion Pixel 或者其他字体库下载并使用。

下面是预设的 --px-font 提供的字体：

css

:root {
	// ...
	--px-font:
		'Fusion Pixel Zh_hans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun,
		sans-serif;
}

字体 ​

字体