将@fontface添加到Storybook
将@fontface添加到Storybook
提问于 2021-10-19 12:21:34
我有一个在create-react-app中创建的Storybook，我想给它添加一个font-face。我的组件使用css-modules (也许这是有用的信息)。
因此，我在.storybook中创建了一个webpack.config.js，它看起来如下所示：
module.exports = async ({ config }) => {
config.module.rules.push({
test: /\.(woff|woff2|eot|ttf|svg)$/,
use: [
{
loader: 'file-loader',
query: {
name: '[name].[ext]',
},
},
],
include: path.resolve(__dirname, '../'),
});
return config;
};在preview-head.html (.storybook内部)中，我有
<style>
@font-face {
font-family: 'WalsheimPro';
font-style: normal;
font-weight: 400;
src: url('shared/fonts/GTWalsheimProMedium.ttf') format('truetype');
}
</style>我的字体不工作，你知道为什么吗？你还有其他需要帮助的信息吗？谢谢:)
Stack Overflow用户
回答已采纳
发布于 2021-10-25 04:52:47
好的，所以我不需要webpack.config.js文件。我将其删除，但将package.json中的路径从public更改为./src
"storybook": "start-storybook -p 6006 -s ./src",
"build-storybook": "build-storybook -s ./src",检查上面的答案中的链接:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69630726
复制相关文章
相似问题
腾讯云开发者
