Javascript 无法在quasar framework中加载我自己的字体

我正在为平板电脑构建一个应用程序，我想使用我自己的ttf格式字体。如何将.ttf字体加载到quasar中

另一个选择是将其转换为woff

我曾在app.scss中尝试过此功能，但不起作用：

@font-face {
  font-family: 'MyFont';
  src: url('css/fonts/MyFont.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

.my-custom-font {
  font-family: 'Cookies', Fallback sans-serif;
}

---

从quasar.config.js文件中删除“roboto字体”（除非您仍打算将其用作辅助字体）。 从Google字体中选择要导入的字体，或下载要包含的字体系列.WOFF文件

与文档（）类似，您应该导入字体系列，但它应该放在'src/css/quasar.variables.*'文件中。然后，更改一个或多个默认样式变量

我将假设Sass用于以下示例：

// Example: Import Open Sans with multiple weights
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap')

// Set the default font-family
$typography-font-family : 'Open Sans', sans-serif !default

// Fix font-weight values to match the imported font family weights
$text-weights: (thin: 300, light: 400, regular: 600, medium: 700, bold: 800, bolder: 800) !default
$button-font-weight: 600 // or 400 if you prefer thinner

---

大家好，对于使用最新版本的人，我的解决方案是：

在此处输入自定义字体：

然后像这样加载，例如在app.scss中：

在quasar.conf.js中，您应该用“roboto字体”对行进行如下注释：

---

希望有帮助，干杯

毫无疑问，您继续前进了，但这里有一个非常有用的字体设置站点，它创建了CSS定义，还提供了具有许多选项的字体下载集合