我想在網站的所有頁面中使用自定義字體,現在我使用它:@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;
}問題是什么,我該如何解決?
角度中的沖突字體和圖標
飲歌長嘯
2022-08-18 10:36:58