2021-05-12 14:32:11
怎樣通過 Twitter 的開源庫來隨處使用 Emoji 表情符號
通過 GitHub 將它們嵌入到網頁和其他專案中。
Emoji, 來自日本的小巧符號,通過影象表達感情,已經征服了行動網際網路的資訊世界。
現在,你可以在虛擬世界中隨處使用它們了。 Twitter 最近開源了他們的 emoji 符號庫,使得你可以在你自己的網站,應用,和專案中使用它們。
但這需要一點體力活。 Unicode 已經識別甚至標準化了 emoji 字母表, 然而 emoji 仍然不能完全與所有的網路瀏覽器相相容,這意味著大多數情況下,它們將呈現為 “豆腐塊”或“空白盒子”。當 Twitter 想使得 emoji 到處可用時,這家社群網路聯合了一家名為Icon Factory的公司來渲染瀏覽器以模仿文字資訊符號的效果。Twiter 認為人們對他們的 emoji 庫有很大的需求。
現在, 你可以從 GitHub 上克隆 Twitter 的整個庫,從而在你的開發專案中使用它們。 下面將為你介紹如何達到上面的目的以及如何使得 emoji 更容易被使用。
為 Emoji 得到 Unicode 支援
Unicode 是國際編碼標準,它為任意的符號、字母或人們想在網路上使用的數位設定了一串編碼。換句話說,它是你如何在計算機上閱讀文字與計算機如何讀取文字之間的缺失環節。例如,對於你正看到的位於這些句子中的空格(LCTT 譯註:英文分詞中間的空格),計算機讀取為 “ ”。
Unicode 甚至擁有其自己的原始 emoji,它們可以在沒有你的任何努力的情況下在瀏覽器中被閱讀。例如,當你看到了 一個 ? 符號,你的計算機正在解碼字串 “2665” 。
要在大多數情況下使用 Twitter 的 emoji 庫,你只需在你的 HTML 網頁中的 <head>塊中新增如下指令碼:
<scriptsrc="//twemoji.maxcdn.com/twemoji.min.js"></script>
這樣就使得你的專案可以存取包含有已經在 Twitter 中可使用的數以百計的 Emoji 符號的 JavaScript 庫。然而,建立一個僅僅包含這個指令碼的文件並不能使得在你的網站中呈現出 emoji 符號,實際上,你仍需要嵌入這些 emoji 符號!
在 <body>塊中,貼上一些可以在 Twitter 的preview.html 檔案原始碼 中找到的 emoji 字串。我使用了
參照原文:how-to-use-emoji-in-the-browser-window
相關文章