Font
The component library font is from 缝合像素 / Fusion Pixel, which uses the SIL OFL 1.1 license.
The font of the component is provided by the CSS variable var(--px-font). If you need to change the font, you can create a --px-font variable to override it. You can set the class name to 'pixelium' to use the --px-font font.
Below are the preset styles provided by pixelium:
.pixelium {
font-family: var(--px-font);
line-height: var(--px-line-height);
}After importing import '@pixelium/web-vue/dist/font.css', you can set 'Fusion Pixel Zh_hans' in the font-family property to use this font outside of components.
Component fonts are provided by the CSS variable var(--px-font). If you need to change the font, you can override it by creating a --px-font variable.
Chinese character glyphs use Simplified Chinese by default. To reduce project size, if you need other character sets (such as Traditional Chinese, Japanese/Korean characters, etc.), please do not import '@pixelium/web-vue/dist/font.css'. You can download and use alternatives from Fusion Pixel or other font libraries.
Below are the fonts provided by the preset --px-font:
: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;
}