如何將 emoji 當成單色 icon 使用

Maxiye 發布于2019-08-22 18:26 / 3305人閱讀

摘要：在這里，介紹如何運用一種已經我們非常熟悉的方式，來當成使用。使用很簡單，只需要通過鍵盤將其作為文本添加到中，或者是直接使用它們的字符碼點。但要把它們當成使用，還有一點問題。通常，是單色組成的形狀，但并不是。可以使用來實現將其變成單色。

原文：How to Use Emojis as Icons

作者：Preethi Sam

使用單色 emoji

在 web 設計中 icon 變得越來越重要，在網上有很多關于 icon 的資源，免費的付費的都有。在這里，介紹如何運用一種已經我們非常熟悉的方式 -- emoji ，來當成 icon 使用。

emoji 的一個好處是已經在系統中內置，而 icon 資源還需要從站點服務器獲取。emoji 只是一些跟普通文本類似的簡單字符，所以這會是傳統 icon 圖片的一種很好的替代方式。

使用 emoji 很簡單，只需要通過鍵盤將其作為文本添加到 HTML 中，或者是直接使用它們的 Unicode 字符碼點。但要把它們當成 icon 使用，還有一點問題。

通常，icon 是單色組成的形狀，但 emoji 并不是。

可以使用 text-shadow 來實現將其變成單色。

GPU云服務器云服務器單色如何將git 阿里云服務器當成電腦 jsp如何將值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/95863.html

像打字一樣插入圖標-iconfont

摘要：簡介是什么就像名字一樣，就是圖標字體，像雅黑字體，思源字體一樣，這種字體就是由圖標構成有何優勢輕量性一個圖標字體比一系列的圖像特別是在屏中使用雙倍圖像要小。問題很小創作自已的字體圖標很費時間，重構人員后期維護的成本偏高。簡介 - iconfont是什么？就像名字一樣，iconfont就是圖標字體，像雅黑字體，思源字體一樣，這種字體就是由圖標構成~ - 有何優勢？ 1、輕量性：一個圖...

warkiz 2019-08-29 16:58 評論0 收藏0
Iconfont 在HTML中的使用

摘要：與使用方式相比，具有如下特點兼容性良好，支持，及所有現代瀏覽器。相比于語意明確，書寫更直觀。不過因為本質上還是使用的字體，所以多色圖標還是不支持的。一、準備階段：　　a.進入阿里巴巴矢量圖標庫www.iconfont.cn挑選所需的圖標，加入購物車　　　　　b.點擊網頁中的購物車下載代碼　　二、3種方法實現 Iconfont 的HTML顯示 Unicode 引用 Unicode...

番茄西紅柿 2019-04-23 11:42 評論0 收藏0
iconfont的使用方法(更新了一些內容）

摘要：方式和方式是極其相似的，只不過他們一個用的是圖標的字體編碼，一個用的是圖標的引用而已是使用了引用的類名，可在下載的中查看，或者可以在阿里矢量圖標庫的網站上，進入我的項目查看。字體圖標iconfont阿里官網傳送門： http://www.iconfont.cn/打開首頁的小圖標好漂亮哦1）showImg(https://segmentfault.com/img/bVbghOc?w=1...

tianlai 2019-08-23 11:39 評論0 收藏0