国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

將base64格式的字體信息解碼成可用的字體文件

2024-04-27 15:12:26
字體:
來源:轉載
供稿:網友

收到了SegmentFault的一封私信:https://segmentfault.com/annual-report-2016#/start

這里寫圖片描述

好奇檢查了一下這是什么字體

這里寫圖片描述

。。好吧我確定沒有這個字體,那就是自定義的字體了。

檢查了HTTP請求,有這么一個請求:

這里寫圖片描述

雖然請求的都是字體文件但是第一個明顯更清新脫俗一些,他是base64編碼的,data:font/opentype;base64,T1RUTwAJAIAAAwAQQ0ZGIBcEq......過長不展示

查了一下如何將其轉為可用的字體文件:

參考:http://stackoverflow.com/questions/6920832/how-to-decode-base64-encoded-font-information/20184975#20184975

好吧 我再復述一下過程: 1. 獲取到base64字符串并刪除頭部信息,在這里就是data:font/opentype;base64, 逗號也要刪除,這樣就獲取到了字體信息。 比如:T1RUTwAJAIAAAwAQQ0ZGIBcEq......過長不展示 。 2. 訪問http://www.motobit.com/util/base64-decoder-encoder.asp 這個網站,將純字體信息字符串粘貼進編輯區域,然后下方解碼選項選擇解碼base64字符串 和導出為二進制文件,即: 這里寫圖片描述 3. 點擊轉換數據,這樣就下載下來一個base64.bin的二進制文件,然后用編輯工具打開,在前面會發現一些字體格式的關鍵字,比如ttf,woff,otf…我的關鍵字是這樣的:這里寫圖片描述 我就默認設置為otf格式的了。。 4.然后將base64.bin 問價改名為 pixelEn.otf, 文件名隨意。

到此完成,我們可以試試字體效果怎么樣,建議一個html文件:

<!DOCTYPE html><html><head> <title></title> <style type="text/CSS"> @font-face { font-family: "pixelEn"; src: url("pixelEn.otf"); } p { font-family: "pixelEn"; font-size: 24px; } </style></head><body> <p>This is pixelEn.otf</p></body></html>

效果: 這里寫圖片描述

這個網站請求了2個字體文件,我們使用的是英文字符的”像素化”字體,上圖中第二個就是中文”像素化”的字體文件,有興趣可以下載下來使用。

注意:中文字符應用了pixelEn會出現亂碼現象,所以應該針對不同的字符應用相應的字體。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 武义县| 专栏| 巨野县| 河源市| 嘉祥县| 齐齐哈尔市| 广宁县| 清新县| 潞城市| 利川市| 罗田县| 临清市| 泉州市| 樟树市| 江西省| 金山区| 清涧县| 三亚市| 辽源市| 和硕县| 赞皇县| 闽侯县| 台中县| 惠东县| 福贡县| 太和县| 荆门市| 灵川县| 马山县| 平度市| 高淳县| 讷河市| 林芝县| 施甸县| 弋阳县| 拉萨市| 英超| 丰城市| 青岛市| 青岛市| 淮北市|