css中的类星体字体图标

【问题标题】：Quasar font icons in csscss中的类星体字体图标
【发布时间】：2020-12-17 10:55:36
【问题描述】：

我可以在带有background-image 属性的css 中使用我的iconSet 吗？

我的 quasar.config 属性：

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

【问题讨论】：

标签： vue.js quasar-framework quasar

【解决方案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"; 材料图标代码列表可以找到here

【讨论】：