資訊專欄INFORMATION COLUMN
摘要：在這里，介紹如何運(yùn)用一種已經(jīng)我們非常熟悉的方式，來(lái)當(dāng)成使用。使用很簡(jiǎn)單，只需要通過(guò)鍵盤將其作為文本添加到中，或者是直接使用它們的字符碼點(diǎn)。但要把它們當(dāng)成使用，還有一點(diǎn)問(wèn)題。通常，是單色組成的形狀，但并不是。可以使用來(lái)實(shí)現(xiàn)將其變成單色。
原文：How to Use Emojis as Icons使用單色 emoji作者：Preethi Sam
在 web 設(shè)計(jì)中 icon 變得越來(lái)越重要，在網(wǎng)上有很多關(guān)于 icon 的資源，免費(fèi)的付費(fèi)的都有。在這里，介紹如何運(yùn)用一種已經(jīng)我們非常熟悉的方式 -- emoji ，來(lái)當(dāng)成 icon 使用。
emoji 的一個(gè)好處是已經(jīng)在系統(tǒng)中內(nèi)置，而 icon 資源還需要從站點(diǎn)服務(wù)器獲取。emoji 只是一些跟普通文本類似的簡(jiǎn)單字符，所以這會(huì)是傳統(tǒng) icon 圖片的一種很好的替代方式。
使用 emoji 很簡(jiǎn)單，只需要通過(guò)鍵盤將其作為文本添加到 HTML 中，或者是直接使用它們的 Unicode 字符碼點(diǎn)。但要把它們當(dāng)成 icon 使用，還有一點(diǎn)問(wèn)題。
通常，icon 是單色組成的形狀，但 emoji 并不是。
可以使用 text-shadow 來(lái)實(shí)現(xiàn)將其變成單色。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/95863.html
摘要：簡(jiǎn)介是什么就像名字一樣，就是圖標(biāo)字體，像雅黑字體，思源字體一樣，這種字體就是由圖標(biāo)構(gòu)成有何優(yōu)勢(shì)輕量性一個(gè)圖標(biāo)字體比一系列的圖像特別是在屏中使用雙倍圖像要小。問(wèn)題很小創(chuàng)作自已的字體圖標(biāo)很費(fèi)時(shí)間，重構(gòu)人員后期維護(hù)的成本偏高。 簡(jiǎn)介 - iconfont是什么？ 就像名字一樣，iconfont就是圖標(biāo)字體，像雅黑字體，思源字體一樣，這種字體就是由圖標(biāo)構(gòu)成~ - 有何優(yōu)勢(shì)？ 1、輕量性：一個(gè)圖...
摘要：與使用方式相比，具有如下特點(diǎn)兼容性良好，支持，及所有現(xiàn)代瀏覽器。相比于語(yǔ)意明確，書寫更直觀。不過(guò)因?yàn)楸举|(zhì)上還是使用的字體，所以多色圖標(biāo)還是不支持的。一、準(zhǔn)備階段： a.進(jìn)入阿里巴巴矢量圖標(biāo)庫(kù)www.iconfont.cn挑選所需的圖標(biāo)，加入購(gòu)物車 b.點(diǎn)擊網(wǎng)頁(yè)中的購(gòu)物車下載代碼 二、3種方法實(shí)現(xiàn) Iconfont 的HTML顯示 Unicode 引用 Unicode...
摘要：方式和方式是極其相似的，只不過(guò)他們一個(gè)用的是圖標(biāo)的字體編碼，一個(gè)用的是圖標(biāo)的引用而已是使用了引用的類名，可在下載的中查看，或者可以在阿里矢量圖標(biāo)庫(kù)的網(wǎng)站上，進(jìn)入我的項(xiàng)目查看。 字體圖標(biāo)iconfont阿里官網(wǎng)傳送門： http://www.iconfont.cn/打開首頁(yè)的小圖標(biāo)好漂亮哦1）showImg(https://segmentfault.com/img/bVbghOc?w=1...
閱讀 2574·2021-11-15 11:38
閱讀 2019·2021-11-05 09:37
閱讀 2430·2021-10-08 10:12
閱讀 2870·2019-08-30 15:55
閱讀 2201·2019-08-30 15:52
閱讀 1290·2019-08-29 13:24
閱讀 509·2019-08-26 18:27
閱讀 1535·2019-08-26 18:27
