卷起來了！軟件開發(fā)正在越來越快……>>>>>>

這個項目可以幫助你在檢測電腦上已經(jīng)安裝的字體文件里，哪些字體無法被用于商業(yè)用途。

原理

在前端，你沒法直接讀取電腦上已經(jīng)安裝的字體列表，這是一個權(quán)限安全的問題。

因此需要借助一個取巧的方式，通過 CSS 來搞定它。

function CheckFont(t) {
? ? if (t == "") { return "" };
? ? var f = "他們給我說這個東西越長就越精準(zhǔn)我特別想試試ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrsyuvwxyz1234567890";
? ? var s = document.createElement("span");
? ? s.style.fontSize = '72px';
? ? s.innerHTML = f;
? ? var b = document.getElementsByTagName("body")[0];
? ? b.appendChild(s);
? ? s.style.fontFamily = f;
? ? var w = s.offsetWidth;
? ? var h = s.offsetHeight;
? ? s.style.fontFamily = t + ',' + f;
? ? var r = ((s.offsetWidth != w) || (s.offsetHeight != h));
? ? b.removeChild(s);
? ? return r ? true : false;
}

如你所見，創(chuàng)建一個元素，假如當(dāng)前電腦不存在這個字體，則它的offsetWidth和offsetHeight會和字體存在時的值不同。

理論上來說，只要元素足夠大，內(nèi)容足夠多，就可以判斷出一個字體是否存在。

雖然上面的代碼是JavaScript，然而它其實是通過CSS中的offsetWidth和offsetHeight去判斷的。