Noto Sans JP

Question

@font-face {
  font-family: NotoSansJP;
  src: url('~@/assets/font/NotoSansJP.ttf') format('ttf');
}

在edge浏览器中不生效
还有其他方法可以让他生效吗

Answer 1

参考GPT和自己的思路：对于这个问题，有一个常见的解决方法是为字体添加不同的格式，如woff、woff2等，以便在各种浏览器上正确地加载。可以在@font-face中添加多个src属性来指示可用的字体格式。例如：

@font-face {
  font-family: "NotoSansJP";
  src: url('~@/assets/font/NotoSansJP.woff2') format('woff2'),
       url('~@/assets/font/NotoSansJP.woff') format('woff'),
       url('~@/assets/font/NotoSansJP.ttf') format('truetype');
}

此外，还应该检查是否从正确的文件路径加载字体文件。可以使用浏览器的开发者工具检查是否有任何错误或加载失败的情况。

如果问题仍然存在，请考虑使用Web字体服务器或CDN来确保字体可用性和正确性。