📜  font googleapis material icons - Go 编程语言(1)

📅  最后修改于: 2023-12-03 15:30:50.117000             🧑  作者: Mango

Go 编程语言中的 font-googleapis/material-icons

介绍

font-googleapis/material-icons 是 Google 的 Material Design 图标库。它允许开发人员在他们的网站和应用程序中使用根据 Material Design 规范设计的图标。

在 Go 编程语言中,使用该图标库只需导入相应的库,并在 HTML 中使用相应的标签即可。

安装

在 Go 中使用 font-googleapis/material-icons,需要在 HTML head 中引入以下链接:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
用法示例

以下是使用 font-googleapis/material-icons 的一些示例:

基本用法

要在网页中添加图标,只需使用以下标记:

<i class="material-icons">icon_name</i>

这里的 icon_name 是具体要使用的图标名称。

例如,要显示通过图标,可以使用以下代码:

<i class="material-icons">done</i>
带文本的图标

要在图标旁边添加文本,请使用以下 HTML:

<i class="material-icons">icon_name</i>文本内容

例如,要在图标“done”旁边添加文本“完成”,可以使用以下代码:

<i class="material-icons">done</i>完成
不同图标大小

要更改图标的大小,请使用以下 CSS:

.material-icons {
  font-size: 36px;
}

在上面的代码中,将图标的大小更改为 36 像素。

总结

font-googleapis/material-icons 是一款非常流行的 Material Design 图标库,可以免费使用。在 Go 中使用该库非常容易,只需通过引入相关链接并使用简单的 HTML 标记即可在网页中添加图标。