如何在Chakrav3

Question

使用脉轮V3启动，无法弄清楚为什么我的字体不适用该应用程序，颜色正常。使用脉轮v3的公共文件夹中的文件字体使用字体是什么？

？

export const system = createSystem(defaultConfig, {
theme: {
    tokens: {
        colors: colors,
        textStyles: {
            ...textStyles,
        },
        fonts: {
            heading: { value: `'Stolzl', sans-serif` },
            body: { value: `'Stolzl', sans-serif` },
        },

        breakpoints: {
            sm: '0px',
            md: '500px',
            lg: '768px',
        },
        radii: {
            blocks: '20px',
            fields: '8px',
            menu: '12px',
            personas_buttons: '50%',
        },
    },
},
components: {
    Button,
    Modal,
    ClickableIcon,
},

}）

Answer 1

如果您有一个带有字体的样式表，则需要在页面的

<link>

中添加一个标签，以便浏览器知道将字体加载到页面上。这样，当您的脉轮主题提到“ Stolzl”时，浏览器将具有可用的字体。

<head>

（如果您使用的是next.js，则可以使用

ehead

组件添加东西到

<head> ... <link rel="stylesheet" href="/stolzl-stylesheet.css" /> ... </head>）

如果您没有样式表文件，则可以在

<head>

中添加所需的样式。

<head>

希望这有帮助！

如何在Chakrav3

问题描述投票：0回答：1

1个回答

最新问题

如何在Chakrav3

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1