css中的Quasar字體圖標

Question

我可以在帶有background-image屬性的 css 中使用我的 iconSet 嗎？

我的 quasar.config 屬性：

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

Answer 1

答案是在你的主 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"; 材料圖標代碼列表可以在這里找到