我想在网站的所有页面中使用自定义字体，现在我使用它：@font-face { font-family: IRANSans; font-style: normal; src: url('./assets/fonts/iran-sans/eot/IRANSansWeb.eot'); src: url('./assets/fonts/iran-sans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./assets/fonts/iran-sans/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./assets/fonts/iran-sans/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./assets/fonts/iran-sans/ttf/IRANSansWeb.ttf') format('truetype');}* { font-family: IRANSans !important;}我也使用像这样的角度材质字体： <head> <meta charset="utf-8"> <title>Vex - Angular 9+ Material Design Admin Template</title> <base href="/"> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="favicon.ico" rel="icon" type="image/x-icon"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet"></head>当我需要显示图标时，我收到以下消息：但是当我删除此行时，它会正确显示图标：* {
font-family: IRANSans !important;
}问题是什么，我该如何解决？
1 回答
catspeake
TA贡献1111条经验 获得超0个赞
上面的答案是正确的：*意味着全部。您可以执行的操作： 您可以尝试为所有图标设置伊朗字体，但不包括图标。
请尝试此选择器
*:not(.material-icons) { font-family: IRANSans !important; }而不是 *
添加回答
举报
0/150
提交
取消