前端開發的同學，我們經常會碰到需要還原設計稿中的特殊字型。我們可能會採用兩種方案
使用photoshop將文字圖層單獨匯出成;
直接引入改字型的字型庫.ttf檔案
第一種方案：適合字型加圖案複雜，文案一般不會變
第二種方案：適合普通的文字，文案變化
但字型檔案通常都會有幾 m 大小，載入速度很慢，體驗會十分不好。我們可以採用 font-spider (字蛛) 來對字型檔案進行壓縮。
缺點：不適合前端渲染的頁面，文字資料是從後端介面獲取的
我們是拿到一些死文字，或者後端的渲染頁面
解析報告span
>
>
角色驗證span
>
>
健康機關span
>
div>
class
="font"
>
>
角色驗證span
>
>
請輸入數值，確認您的資訊！span
>
>
體重span
>
>
身高span
>
>
腰圍span
>
>
臀圍span
>
>
cmspan
>
>
kgspan
>
>
提交span
>
div>
body
>
html
>
@charset
'utf-8'
;@font-face
.font
@font-face
壓縮前的檔案是 static/font/.font-spider/ysf-white.ttf
首先全域性安裝:
npm
install font-spider -g
修改或新增static/font/font.html中的文字
# 進入字型資料夾
cd static/font
# 把原始檔拷貝並替換當前font目錄下的字型檔案，並且刪除.font-spider
cp ./.font-spider/ysf-white.ttf ./ysf-white.ttf &&
rm -rf ./.font-spider
# 執行新的壓縮
font-spider ./font.html
原始檔在static/font/.font-spider/ysf-white.ttf
輕量引入 好看字型 font spider 字蛛
node npmfont spider 好看的字型檔案 例如 x.ttf1 首先通過npm安裝font spider npm install font spider g2 按如下目錄建立demo demo demo index.html 需要爬取的字元 css 宣告 webfont index.cs...
fontSpider字蛛，好用的字型壓縮工具教程
一直覺得很多字型特別好看，但是那些好看的字型只能做在上不能用css樣式去實現，作為乙個會設計的前端，真心覺得很煩惱，有時候那些文字需要更換，修改起來非常麻煩，要到處去找原始檔，找不到原始檔還要盡力去p出來。於是在空閒時間，進入搜尋狀態，全網搜尋能將字型引入，並壓縮的軟體，不管國內國外都看了，最後發現...
前端this使用總結
1.全域性環境下 this始終指向window 2.函式直接使用時，2.1 嚴格模式下 this為undefined 2.2 非嚴格模式 this為全域性window 3.物件中使用時，3.1 物件內部方法的this指向呼叫此方法的物件本身 3.2 多層巢狀物件，內部方法的this指向最近的呼叫物件...