css 图标按钮显示文本在加载前的初始渲染-谷歌字体

ykejflvf  于 2022-12-20  发布在  其他
关注(0)|答案(1)|浏览(119)
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

<span class="material-symbols-outlined">
delete
</span>

初始阶段它显示原始文本,然后经过一段时间它显示图标,我们如何解决这个问题?

s1ag04yj

s1ag04yj1#

您可以在参数中设置display,这与CSS font-display属性的作用相同。
点击此处阅读更多信息。

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block" />

<span class="material-symbols-outlined">
delete
</span>

相关问题