現在我在我的網站上使用物質符號。很好用！它很漂亮，易于使用，非常適合我的設計。然而，我注意到它需要很長時間來加載。一旦*2.7 MB*文件完成加載并被緩存，網站加載速度會非常快。我正在使用CSS導入加載文件:

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

但是使用HTML標簽加載仍然非常慢。在快速3G預設上加載這些2.7 MB需要*30秒*。其他字體(也使用CSS導入)最多需要500毫秒加載(在相同的3G預設下)。為什么材料符號需要這么長時間加載？我能做些什么呢？我很確定我不需要所有的圖標，那么我怎樣才能只加載我需要的圖標呢？還是這很正常？

我嘗試用其他方式導入CSS文件，比如HTML標簽，用JS導入，甚至用靜態圖標字體，而不是變量字體。不過，這仍然需要很多時間。其他字體過去也有這個問題，我通過去掉斜體解決了這個問題，因為我沒有使用它們。這似乎已經解決了問題。但是，AFAIK你不能用材料符號字體做類似的事情。

嘗試使用& ltlink & gt而不是@import 或者，選擇任何其他圖標庫，如Bootstrap、Fontawesome或Flaticon