前言：
目前兄弟们对“html button 图标”大约比较重视，看官们都需要学习一些“html button 图标”的相关资讯。那么小编在网络上网罗了一些对于“html button 图标””的相关文章，希望你们能喜欢，小伙伴们一起来学习一下吧！还在为界面图标的制作头疼？No!直接上字体图标。
图标大小、颜色、类型统统借助Font Awesome,瞬间，界面生动了也不担心被喷了。
话不多说，上图：
这四个按钮，用到了Font Awesome的"step-backward"、"play-circle"、"step-forward"、"stop-circle"还行吧。
步骤如下：
1.下载Font Awesome，一套绝佳的图标字体库和CSS框架字体，解压，得到文件fontawesome-webfont.ttf。
2.创建Font加载字体文件，并设置大小。
Font font = Font.loadFont(IconLabel.class.getResourceAsStream("/fontawesome-webfont.ttf"), 10);3.创建Label,设置字体为当前字体，设置text为Font Awesome的图标对应的unicode编码，编码在font-awesome.css里查询，例如：
Label label = new Label(); // 使用自定义字体 label.setFont(font); label.setText("\uf144"); label.setTextFill(Color.RED);4.创建button，设置setGraphic为label。
Button playButton = new Button();playButton.setGraphic(label);
大功告成，放心运行吧。
几点建议：
将font awesome图标名称和unicode编码整合成一个enum合集，方便调用。将label封装成一个组件，方便button使用。点点关注，不迷路[玫瑰]
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #html button 图标
