MaterialIcons-Regular'), url(material-icons.woff2) format('woff2'), url(material-icons.woff) format('woff'); } .material-icons 在页面中要使用图标字体,只需要应用上面定义的material-icons样式: face 上面的示例创建了一个笑脸图标,face用来指定要显示的图标 ,也可以 使用其对应的数字编码: 具体的图标名和编码,参阅Material Icons官网(需FQ):https://www.google.com
class="mdui-toolbar mdui-color-theme"> exit_to_app more_vert mdui-textfield-floating-label" style="margin-top:15px"> <i class="mdui-icon <em>material-icons</em>
, url(material-icons.woff2) format('woff2'), url(material-icons.woff) format('woff'); } .material-icons optimizeLegibility; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; } 在页面中要使用图标字体,只需要应用上面定义的material-icons 样式: face 上面的示例创建了一个笑脸图标,face用来指定要显示的图标,也可以 使用其对应的数字编码: <i class="<em>material-icons</em>
Icons" rel="stylesheet"> 然后在网页内需要添加搜索栏的合适位置添加以下代码,一般放在顶部导航栏:
>chevron_left
card-title">Card Title
. │ ├ icons │ │ └ material-icons │ │ └ ...... │ ├ img │ │ └ ...... │ └ js │ >
; } } .icon-block { padding: 0 15px; } .icon-block .material-icons data.data.id} + ');'" class="waves-effect waves-light btn light-blue lighten-5"><i id="star_icon" class="<em>material-icons</em>
<i className="<em>material-icons</em>
waves-effect waves-circle waves-float pull-right" (click)="createNote()"> <i class="<em>material-icons</em>
github.com/flutter/flutter/wiki/Updating-Material-Design-Fonts // BEGIN GENERATED /// <i class="<em>material-icons</em> static const IconData threesixty = IconData(0xe577, fontFamily: 'MaterialIcons'); /// <i class="material-icons static const IconData threed_rotation = IconData(0xe84d, fontFamily: 'MaterialIcons'); /// <i class="<em>material-icons</em>