深入浅出Flask(22): H-ui前端框架的字体图标

Posted caimouse

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了深入浅出Flask(22): H-ui前端框架的字体图标相关的知识,希望对你有一定的参考价值。

在使用H-ui的网页模板时,经常会碰到一些图标显示,这些图标显示是使用一种特殊的字体,而不是像素图来显示的,比如像下面的代码:

<i class="icon Hui-iconfont">&#xe684;</i>

可以看到使用是一串数字:&#xe684;

这样使用有什么意义呢?

首先,我们先恶补下什么是字体图标:用字体文件取代图片文件,来展示图标、特殊字体等元素的方法。

优点:

加载文件体积小

统一展示风格,使用方法

以上是关于深入浅出Flask(22): H-ui前端框架的字体图标的主要内容,如果未能解决你的问题,请参考以下文章

深入浅出Flask(35): H-ui前端框架的面板滚动

深入浅出Flask(26): H-ui前端框架的顶部导航

深入浅出Flask(12): H-ui前端框架的响应式隐藏显示

深入浅出Flask(14): H-ui前端框架的表格

深入浅出Flask(20): H-ui前端框架的表单验证

深入浅出Flask(12): H-ui前端框架的排版