Question

我尝试从我的本地项目中添加一种字体以进行验证并将其设置为主字体，但是它不起作用。这是我的项目：主文件夹上市 src 资产字体的我的字体 iranyekan.css 节点模块

这是我在公共场所的index.html

<style>
      @font-face {
        font-family: "IranYekan";
        src: url("../assets/fonts/IranYekan/iranyekanwebregular.woff2") format("woff2"),
        url("../assets/fonts/IranYekan/iranyekanwebregular.ttf") format("ttf"),
        url("../assets/fonts/IranYekan/iranyekanwebregular.woff") format("woff");
      }
    </style>

但不起作用。谢谢

Answer 1

尝试更改您的链接以使用：

@/assets/fonts/IranYekan/iranyekanwebregular.ttf
or ~/assets/fonts/IranYekan/iranyekanwebregular.ttf 
or ~@/assets/fonts/IranYekan/iranyekanwebregular.ttf

我不知道您的项目如何，但是vue用〜或@引用根目录，那么您可以尝试吗？

<style>
      @font-face {
        font-family: "IranYekan";
        src: url("~@/assets/fonts/IranYekan/iranyekanwebregular.woff2") format("woff2"),
        url("~@/assets/fonts/IranYekan/iranyekanwebregular.ttf") format("ttf"),
        url("~@/assets/fonts/IranYekan/iranyekanwebregular.woff") format("woff");
      }
    </style>

如何在vue和vuetify中从本地项目插入字体？

1 个答案: