摘要：在这里，介绍如何运用一种已经我们非常熟悉的方式，来当成使用。使用很简单，只需要通过键盘将其作为文本添加到中，或者是直接使用它们的字符码点。但要把它们当成使用，还有一点问题。通常，是单色组成的形状，但并不是。可以使用来实现将其变成单色。
原文：How to Use Emojis as Icons使用单色 emoji作者：Preethi Sam
在 web 设计中 icon 变得越来越重要，在网上有很多关于 icon 的资源，免费的付费的都有。在这里，介绍如何运用一种已经我们非常熟悉的方式 -- emoji ，来当成 icon 使用。
emoji 的一个好处是已经在系统中内置，而 icon 资源还需要从站点服务器获取。emoji 只是一些跟普通文本类似的简单字符，所以这会是传统 icon 图片的一种很好的替代方式。
使用 emoji 很简单，只需要通过键盘将其作为文本添加到 HTML 中，或者是直接使用它们的 Unicode 字符码点。但要把它们当成 icon 使用，还有一点问题。
通常，icon 是单色组成的形状，但 emoji 并不是。
可以使用 text-shadow 来实现将其变成单色。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/95863.html
摘要：简介是什么就像名字一样，就是图标字体，像雅黑字体，思源字体一样，这种字体就是由图标构成有何优势轻量性一个图标字体比一系列的图像特别是在屏中使用双倍图像要小。问题很小创作自已的字体图标很费时间，重构人员后期维护的成本偏高。 简介 - iconfont是什么？ 就像名字一样，iconfont就是图标字体，像雅黑字体，思源字体一样，这种字体就是由图标构成~ - 有何优势？ 1、轻量性：一个图...
摘要：与使用方式相比，具有如下特点兼容性良好，支持，及所有现代浏览器。相比于语意明确，书写更直观。不过因为本质上还是使用的字体，所以多色图标还是不支持的。一、准备阶段： a.进入阿里巴巴矢量图标库www.iconfont.cn挑选所需的图标，加入购物车 b.点击网页中的购物车下载代码 二、3种方法实现 Iconfont 的HTML显示 Unicode 引用 Unicode...
摘要：方式和方式是极其相似的，只不过他们一个用的是图标的字体编码，一个用的是图标的引用而已是使用了引用的类名，可在下载的中查看，或者可以在阿里矢量图标库的网站上，进入我的项目查看。 字体图标iconfont阿里官网传送门： http://www.iconfont.cn/打开首页的小图标好漂亮哦1）showImg(https://segmentfault.com/img/bVbghOc?w=1...
阅读 2504·2021-11-15 11:38
阅读 1948·2021-11-05 09:37
阅读 2256·2021-10-08 10:12
阅读 2807·2019-08-30 15:55
阅读 2112·2019-08-30 15:52
阅读 1220·2019-08-29 13:24
阅读 463·2019-08-26 18:27
阅读 1472·2019-08-26 18:27
