字体

组件库的字体来自缝合像素 / 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;
}

字体 ​

字体