来自ttf文件的反应和顺风自定义字体

Question

嘿，我想从文件中添加一些自定义字体。

这些是我要加载的字体文件。

我的索引.css

body {
  margin: 0;
  padding: 0;
}

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500&display=swap");

@tailwind base;
@tailwind components;

@tailwind utilities;

提前致谢

Answer 1

如果你不介意花时间获取每种字体的相对路径，你可以这样做

/* local if the font is installed */
@font-face {
    font-family: 'Font Name';
    src: local('Font Name'), url("./FontName.ttf") format('truetype');
}