Skip to content

调整字体大小

🌐 Size the font

使用 CSS 对 Lucide 图标字体进行样式设置非常简单。你可以在 CSS 中使用 font-size 属性更改图标的颜色。这使你可以轻松地自定义图标的外观以匹配你的设计。

🌐 Styling the Lucide icon font with CSS is straightforward. You can change the color of the icons using the font-size property in your CSS. This allows you to easily customize the appearance of the icons to match your design.

改变大小

🌐 Changing the size

要更改图标的大小,只需将 font-size 属性应用到包含图标的元素上。例如,如果你想将图标的大小更改为 24px,可以使用以下 CSS:

🌐 To change the size of the icons, simply apply the font-size property to the element that contains the icon. For example, if you want to change the size of an icon to 24px, you can use the following CSS:

css
.icon-house {
  font-size: 24px;
}

这将把类为 icon-house 的图标大小更改为 24px。你可以使用任何有效的 CSS 尺寸值,例如 em、rem 或百分比。

🌐 This will change the size of the icon with the class icon-house to 24px. You can use any valid CSS size value, such as em, rem, or percentage.