代码之家 › 专栏 › 技术社区 › four-eyes

用户材料界面反应字体图标

material-design fonts reactjs css javascript

four-eyes · 技术社区 · 7 年前

图标组件将显示任何支持连字的图标字体中的图标。作为先决条件,必须包含一个,例如项目中的材质图标字体,例如,通过Google Web字体:

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

Icon将为材料图标字体设置正确的类名。对于其他字体,必须使用图标组件的class name属性提供类名。

要使用图标,只需使用图标组件包装图标名称(字体连字),例如:

<Icon>star</Icon>

默认情况下,图标将继承当前文本颜色。也可以使用主题颜色属性之一设置图标颜色:主、次、操作、错误和禁用。

<Icon /> 但是组件是因为 < 未定义。如何导入 <图标/> ?

1 回复 | 直到 7 年前

Chimera.Zen 7 年前

图标组件需要像SGhaleb所说的那样导入,但我要补充的是,一些图标需要不同的导入。例如,学校图标是这样导入的 import SchoolIcon from '@material-ui/icons/School' 打电话来 <SchoolIcon /> .

import { ExpandLess, ExpandMore } from '@material-ui/icons'

推荐文章

toddmo · 当内容不可用时,如何优雅地后退

7 年前

Ronald LaPlante · 在css中查找字体

7 年前

Namdeo Karande · 使用Aspose在PDF中添加TTF字体文件。HTML

7 年前

bellotas · 如何将新字体导入项目-Angular 5

7 年前

user7088941 · 无法在tkinter中更改按钮字体大小

7 年前

Emre Önder · 在Interface builder中看到的自定义字体,但在iOS项目的代码中没有看到

7 年前

Joey Yi Zhao · 如何在html画布中使用粗体、斜体等字体文件?

7 年前

sripberger · 向docker图像添加字体

7 年前

newbeeep · Freetype2返回的大小值大于预期值

7 年前

FormaL · wordpress请求404/410响应缺少字体

7 年前