「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

在聊天室或是社群網站發文、留言所看的表情符號或特殊圖示都是彩色的,如果想在網頁中改變這類型符號或圖示的顏色或大小,我們可以來使用 Google Fonts 針對這類表情符號與特殊字型所推出的 Noto Emoji 雲端字型,透過其系統化的整理,使用者可以將這類表情符號、特殊圖示改以清爽的線條方式來呈現,並可以利用字重的設定方式來改變圖示或字型輪廓線條粗細,如果再搭配 Windows 系統內建的「表情符號」功能,讓表情符號的應用就更加方便了。

§相關文章,還可以參閱:

如何使用 Noto Emoji 讓網頁呈現線條版的表情符號或特殊圖示?

1.使用瀏覽器進入 Google Fonts - Noto Emoji 字型網頁,已有預設多個表情符號供預覽使用,使用者可以自行變更字型大小並按 Select this style 選取所要使用的輪廓線條樣式。

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

2.完成選取後,可以按最右上角的圖示按鈕來取得相關的引用與 CSS 語法。

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

3.將相關語法貼到網頁之間,其中 iconfont 屬於自定義,內容是用來裝載從 Noto Emoji 複製過來的 CSS 語法。

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

4.接下來我們就可以將表情符號或特殊圖示加入,而有哪些符號或圖示可加入,我們可以回到原網頁後將網頁下拉到 Sample glyphs 區塊來尋找。

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

5.將表情符號貼到網頁編輯器,適時的改變 CSS 語法,就能取得輪廓樣式的表情符號。

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

※以上範例 Noto Emoji

6.如果 HTML 編輯器可以使用 Windows 系統內建的表情符號功能,將會更方便。

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

「Google Fonts」用 Noto Emoji 字型將表情符號或特殊圖示以線條輪廓來呈現

一般的縮網址服務,其操作方式通常就是輸入原網址後,會幫你產生一個看起來跟原網址無關,但網址又會很短的網址,像是<a href="/3743/">TinyURL</a>、<a href="/3773/">is.gd</a>產生的網址也與一般網址看起來無異,而 Emojied 同樣是個提供縮短網址的免費服務網站,其特別之處,就是將表情符號融入到網址中,讓網址看來不再只有文字,也能有表情符號的加入。

需要將紙本文件掃描成 PDF 檔案,若沒有掃描器,最簡單的方法就是在行動裝置上使用 Google 雲端硬碟應用程式和裝置上的相機,就能輕鬆掃描內容,而掃描出的文件會以 PDF 檔案格式儲存在雲端硬碟中,但如果想將現成已數位化的 PDF 檔案,製作成像似透過手工掃描而成的 PDF檔案呢?可能很多人會想到的方法就是列印出來,然後開啟行動裝置來掃描,方法雖可,但做起來不輕鬆,如果有這樣的需求,可以將 PDF 檔案上傳到 Look Scanned 這個免費網站來製作,過程中,使用者可以自訂顏色、旋轉角度、模糊程度及加入 Noise,讓整份文件看起來就是手動掃描而成的 PDF 檔案。