css 中的 Quasar 字体图标

Question

我可以将 css 中的 iconSet 与 background-image 属性一起使用吗？

我的 quasar.config 属性：

       extras: ["material-icons-outlined"],
       framework: {
         iconSet: "material-icons-outlined",
       }.

Answer 1

答案是在你的main中添加一个字体css:

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v55/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2')
 }

然后在您的代码中，您可以使用特定代码访问您的图标，例如content: "\e145"; Material 图标代码列表可以找到 here

css 中的 Quasar 字体图标

Quasar font icons in css

vue.js

quasar-framework

quasar