基于创建反应的项目添加了字体，但不起作用

发布于 2025-01-29 15:46:43 字数 400 浏览 4 评论 0 原文

我正在使用Create-React-App，而不是不弹出。我在index.html文件中导入。并给它默认字体。但是它不起作用。

<style>
        @font-face {
            font-family: Gumela;
            src: url("../src/fonts/*");
        }
        * {
            font-family: "Gumela";
            font-weight: normal;
            font-size: 20px;
        }
        body {
            margin: 0;
        }
    </style>

原文

I'm using create-react-app and prefer not to eject.
i imported in index.html file . and give it default font. but its not working.

<style>
        @font-face {
            font-family: Gumela;
            src: url("../src/fonts/*");
        }
        * {
            font-family: "Gumela";
            font-weight: normal;
            font-size: 20px;
        }
        body {
            margin: 0;
        }
    </style>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月亮坠入山谷 2025-02-05 15:46:43

您可以在app.css文件上插入字体脸

@font-face {
  font-family: Gumela;
  src: url('./fonts/Gumela\ Regular.otf');
}

You can insert font-face on your App.css file

@font-face {
  font-family: Gumela;
  src: url('./fonts/Gumela\ Regular.otf');
}

回复收藏 0 原文

情绪操控生活 2025-02-05 15:46:43

尝试在app.css或index.css文件中导入字体。

然后尝试：

 @font-face {
            font-family: Gumela;
            src: url("../src/fonts/*");
            font-display: swap; // This will swap font once its loaded, for SEO purpose.
        }


* {
    font-family: Gumela;
    font-weight: normal;
    font-size: 20px;

    OR

    font: Gumela normal 20px;
  }

Try importing the fonts in your app.css or index.css file.

And try:

 @font-face {
            font-family: Gumela;
            src: url("../src/fonts/*");
            font-display: swap; // This will swap font once its loaded, for SEO purpose.
        }


* {
    font-family: Gumela;
    font-weight: normal;
    font-size: 20px;

    OR

    font: Gumela normal 20px;
  }

回复收藏 0 原文