使用自定义字体时,无法正常显示自定义字体

code:

@font-face { font-family: Sanctuary; font-weight: 500; font-style: normal; src: url("{{ 'Sanctuary.ttf' | asset_url }}"); font-display: swap; } .announcement-bar__message.h5 { font-family: Sanctuary; }

在资产中:

浏览器的终端中显示:

希望能得到帮助,是哪里发生问题。

发现是自定义模板中上传字体文件功能会导致上传的字体文件有问题。
现在的解决方案是将字体文件从设置中的文件上传。