fontAnalyzer.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470
  1. var debug = require('debug')('ylt:fontAnalyzer');
  2. var Q = require('q');
  3. var fontkit = require('fontkit');
  4. var woffTools = require('woff-tools');
  5. var ttf2woff2 = require('ttf2woff2');
  6. var FontAnalyzer = function() {
  7. function analyzeFont(entry, charsListOnPage) {
  8. var deferred = Q.defer();
  9. if (!entry.weightCheck || !entry.weightCheck.bodyBuffer) {
  10. // No valid file available
  11. deferred.resolve(entry);
  12. return deferred.promise;
  13. }
  14. if (entry.isWebFont) {
  15. debug('File %s is a font. Let\'s have a look inside!', entry.url);
  16. convertToWoff2(entry)
  17. .then(function(entry) {
  18. return getMetricsFromFont(entry, charsListOnPage);
  19. })
  20. .then(function(fontMetrics) {
  21. entry.fontMetrics = fontMetrics;
  22. })
  23. .fail(function(error) {
  24. debug('Could not open the font: %s', error);
  25. });
  26. }
  27. deferred.resolve(entry);
  28. return deferred.promise;
  29. }
  30. function convertToWoff2(entry) {
  31. var deferred = Q.defer();
  32. debug('Entering font format converter...');
  33. var fileSize = entry.weightCheck.bodySize;
  34. var ttf;
  35. var woff2;
  36. var newFileSize;
  37. if (entry.isWoff2) {
  38. debug('File is already a woff2.');
  39. deferred.resolve(entry);
  40. } else if (fileSize > 1024 * 1024) {
  41. // Don't try to convert huge font files, it would block the server for several minutes
  42. debug('Font is too big, skipping conversion.');
  43. deferred.resolve(entry);
  44. } else if (entry.isWoff) {
  45. debug('File is a woff. Let\'s convert to woff2');
  46. try {
  47. debug('Current file size is %d', fileSize);
  48. ttf = woffTools.toSfnt(entry.weightCheck.bodyBuffer);
  49. woff2 = ttf2woff2(ttf);
  50. newFileSize = woff2.length;
  51. debug('New font size is %d', newFileSize);
  52. debug('Filesize is %d bytes smaller (-%d%)', fileSize - newFileSize, Math.round((fileSize - newFileSize) * 100 / fileSize));
  53. entry.weightCheck.sizeAsWoff2 = newFileSize;
  54. deferred.resolve(entry);
  55. } catch(error) {
  56. deferred.reject(error);
  57. }
  58. } else if (entry.isTTF) {
  59. debug('File is a TTF. Let\'s convert to woff2');
  60. try {
  61. debug('Current file size is %d', fileSize);
  62. woff2 = ttf2woff2(entry.weightCheck.bodyBuffer);
  63. newFileSize = woff2.length;
  64. debug('New image size is %d', newFileSize);
  65. debug('Filesize is %d bytes smaller (-%d%)', fileSize - newFileSize, Math.round((fileSize - newFileSize) * 100 / fileSize));
  66. entry.weightCheck.sizeAsWoff2 = newFileSize;
  67. deferred.resolve(entry);
  68. } catch(error) {
  69. deferred.reject(error);
  70. }
  71. } else {
  72. // Other font formats are not handled
  73. deferred.resolve(entry);
  74. }
  75. return deferred.promise;
  76. }
  77. // The gain is estimated of enough value if it's over 1KB or over 20%,
  78. // but it's ignored if is below 100 bytes
  79. function gainIsEnough(oldWeight, newWeight) {
  80. var gain = oldWeight - newWeight;
  81. var ratio = gain / oldWeight;
  82. return (gain > 2048 || (ratio > 0.2 && gain > 100));
  83. }
  84. function getMetricsFromFont(entry, charsListOnPage) {
  85. var deferred = Q.defer();
  86. try {
  87. var startTime = Date.now();
  88. var font = fontkit.create(entry.weightCheck.bodyBuffer);
  89. var result = {
  90. name: font.fullName || font.postscriptName || font.familyName,
  91. numGlyphs: font.numGlyphs,
  92. averageGlyphComplexity: getAverageGlyphComplexity(font),
  93. compressedWeight: entry.weightCheck.afterGzipCompression || entry.weightCheck.bodySize,
  94. unicodeRanges: readUnicodeRanges(font.characterSet, charsListOnPage),
  95. numGlyphsInCommonWithPageContent: countPossiblyUsedGlyphs(getCharacterSetAsString(font.characterSet), charsListOnPage)
  96. };
  97. var endTime = Date.now();
  98. debug('Font analysis took %dms', endTime - startTime);
  99. // Mark fonts that are not used on the page (#224)
  100. var fontIsUsed = false;
  101. for (var range in result.unicodeRanges) {
  102. if (result.unicodeRanges[range].numGlyphsInCommonWithPageContent > 0) {
  103. fontIsUsed = true;
  104. break;
  105. }
  106. }
  107. result.isUsed = fontIsUsed;
  108. deferred.resolve(result);
  109. } catch(error) {
  110. deferred.reject(error);
  111. }
  112. return deferred.promise;
  113. }
  114. // Reads the number of vector commands (complexity) needed to render glyphs and
  115. // returns the average. Only first 100 glyphes are tested, otherwise it would take tool long;
  116. function getAverageGlyphComplexity(font) {
  117. var max = Math.min(font.numGlyphs, 100);
  118. var totalPathsCommands = 0;
  119. for (var i = 0; i < max; i++) {
  120. totalPathsCommands += font.getGlyph(i).path.commands.length;
  121. }
  122. return Math.round(totalPathsCommands / max * 10) / 10;
  123. }
  124. function readUnicodeRanges(charsetInFont, charsListOnPage) {
  125. var ranges = {};
  126. // Assign a range to each char found in the font
  127. charsetInFont.forEach(function(char) {
  128. var currentRange = getUnicodeRangeFromChar(char);
  129. var currentRangeName = currentRange.name;
  130. if (!ranges[currentRangeName]) {
  131. // Cloning the object
  132. ranges[currentRangeName] = Object.assign({}, currentRange);
  133. }
  134. if (!ranges[currentRangeName].charset) {
  135. ranges[currentRangeName].charset = '';
  136. }
  137. ranges[currentRangeName].charset += String.fromCharCode(char);
  138. });
  139. var range;
  140. var expectedLength;
  141. var actualLength;
  142. for (var rangeName in ranges) {
  143. /*jshint loopfunc: true */
  144. range = ranges[rangeName];
  145. // Estimate if range is used, based on the characters found in the page
  146. range.numGlyphsInCommonWithPageContent = countPossiblyUsedGlyphs(range.charset, charsListOnPage);
  147. // Calculate coverage
  148. if (rangeName !== 'Others') {
  149. expectedLength = range.rangeEnd - range.rangeStart + 1;
  150. actualLength = range.charset.length;
  151. range.coverage = Math.min(actualLength / expectedLength, 1);
  152. }
  153. }
  154. return ranges;
  155. }
  156. function countPossiblyUsedGlyphs(charsetInFont, charsListOnPage) {
  157. var count = 0;
  158. charsListOnPage.split('').forEach(function(char) {
  159. if (charsetInFont.indexOf(char) >= 0) {
  160. count ++;
  161. }
  162. });
  163. return count;
  164. }
  165. function getCharacterSetAsString(characterSet) {
  166. var str = '';
  167. characterSet.forEach(function(charCode) {
  168. str += String.fromCharCode(charCode);
  169. });
  170. return str;
  171. }
  172. function getUnicodeRangeFromChar(char) {
  173. return UNICODE_RANGES.find(function(range) {
  174. return (char >= range.rangeStart && char <= range.rangeEnd);
  175. }) || {name: 'Others'};
  176. }
  177. var UNICODE_RANGES = [
  178. {
  179. name: 'Basic Latin',
  180. rangeStart: 0x0020,
  181. rangeEnd: 0x007F
  182. },
  183. {
  184. name: 'Latin-1 Supplement',
  185. rangeStart: 0x00A0,
  186. rangeEnd: 0x00FF
  187. },
  188. {
  189. name: 'Latin Extended',
  190. rangeStart: 0x0100,
  191. rangeEnd: 0x024F
  192. },
  193. {
  194. name: 'IPA Extensions',
  195. rangeStart: 0x0250,
  196. rangeEnd: 0x02AF
  197. },
  198. {
  199. name: 'Greek and Coptic',
  200. rangeStart: 0x0370,
  201. rangeEnd: 0x03FF
  202. },
  203. {
  204. name: 'Cyrillic',
  205. rangeStart: 0x0400,
  206. rangeEnd: 0x052F
  207. },
  208. {
  209. name: 'Armenian',
  210. rangeStart: 0x0530,
  211. rangeEnd: 0x058F
  212. },
  213. {
  214. name: 'Hebrew',
  215. rangeStart: 0x0590,
  216. rangeEnd: 0x05FF
  217. },
  218. {
  219. name: 'Arabic',
  220. rangeStart: 0x0600,
  221. rangeEnd: 0x06FF
  222. },
  223. {
  224. name: 'Syriac',
  225. rangeStart: 0x0700,
  226. rangeEnd: 0x074F
  227. },
  228. {
  229. name: 'Thaana',
  230. rangeStart: 0x0780,
  231. rangeEnd: 0x07BF
  232. },
  233. {
  234. name: 'Devanagari',
  235. rangeStart: 0x0900,
  236. rangeEnd: 0x097F
  237. },
  238. {
  239. name: 'Bengali',
  240. rangeStart: 0x0980,
  241. rangeEnd: 0x09FF
  242. },
  243. {
  244. name: 'Gurmukhi',
  245. rangeStart: 0x0A00,
  246. rangeEnd: 0x0A7F
  247. },
  248. {
  249. name: 'Gujarati',
  250. rangeStart: 0x0A80,
  251. rangeEnd: 0x0AFF
  252. },
  253. {
  254. name: 'Oriya',
  255. rangeStart: 0x0B00,
  256. rangeEnd: 0x0B7F
  257. },
  258. {
  259. name: 'Tamil',
  260. rangeStart: 0x0B80,
  261. rangeEnd: 0x0BFF
  262. },
  263. {
  264. name: 'Telugu',
  265. rangeStart: 0x0C00,
  266. rangeEnd: 0x0C7F
  267. },
  268. {
  269. name: 'Kannada',
  270. rangeStart: 0x0C80,
  271. rangeEnd: 0x0CFF
  272. },
  273. {
  274. name: 'Malayalam',
  275. rangeStart: 0x0D00,
  276. rangeEnd: 0x0D7F
  277. },
  278. {
  279. name: 'Sinhala',
  280. rangeStart: 0x0D80,
  281. rangeEnd: 0x0DFF
  282. },
  283. {
  284. name: 'Thai',
  285. rangeStart: 0x0E00,
  286. rangeEnd: 0x0E7F
  287. },
  288. {
  289. name: 'Lao',
  290. rangeStart: 0x0E80,
  291. rangeEnd: 0x0EFF
  292. },
  293. {
  294. name: 'Tibetan',
  295. rangeStart: 0x0F00,
  296. rangeEnd: 0x0FFF
  297. },
  298. {
  299. name: 'Myanmar',
  300. rangeStart: 0x1000,
  301. rangeEnd: 0x109F
  302. },
  303. {
  304. name: 'Georgian',
  305. rangeStart: 0x10A0,
  306. rangeEnd: 0x10FF
  307. },
  308. {
  309. name: 'Hangul Jamo',
  310. rangeStart: 0x1100,
  311. rangeEnd: 0x11FF
  312. },
  313. {
  314. name: 'Ethiopic',
  315. rangeStart: 0x1200,
  316. rangeEnd: 0x137F
  317. },
  318. {
  319. name: 'Cherokee',
  320. rangeStart: 0x13A0,
  321. rangeEnd: 0x13FF
  322. },
  323. {
  324. name: 'Unified Canadian Aboriginal Syllabics',
  325. rangeStart: 0x1400,
  326. rangeEnd: 0x167F
  327. },
  328. {
  329. name: 'Ogham',
  330. rangeStart: 0x1680,
  331. rangeEnd: 0x169F
  332. },
  333. {
  334. name: 'Runic',
  335. rangeStart: 0x16A0,
  336. rangeEnd: 0x16FF
  337. },
  338. {
  339. name: 'Tagalog',
  340. rangeStart: 0x1700,
  341. rangeEnd: 0x171F
  342. },
  343. {
  344. name: 'Hanunoo',
  345. rangeStart: 0x1720,
  346. rangeEnd: 0x173F
  347. },
  348. {
  349. name: 'Buhid',
  350. rangeStart: 0x1740,
  351. rangeEnd: 0x175F
  352. },
  353. {
  354. name: 'Tagbanwa',
  355. rangeStart: 0x1760,
  356. rangeEnd: 0x177F
  357. },
  358. {
  359. name: 'Khmer',
  360. rangeStart: 0x1780,
  361. rangeEnd: 0x17FF
  362. },
  363. {
  364. name: 'Mongolian',
  365. rangeStart: 0x1800,
  366. rangeEnd: 0x18AF
  367. },
  368. {
  369. name: 'Limbu',
  370. rangeStart: 0x1900,
  371. rangeEnd: 0x194F
  372. },
  373. {
  374. name: 'Tai Le',
  375. rangeStart: 0x1950,
  376. rangeEnd: 0x197F
  377. },
  378. {
  379. name: 'Hiragana',
  380. rangeStart: 0x3040,
  381. rangeEnd: 0x309F
  382. },
  383. {
  384. name: 'Katakana',
  385. rangeStart: 0x30A0,
  386. rangeEnd: 0x30FF
  387. },
  388. {
  389. name: 'Bopomofo',
  390. rangeStart: 0x3100,
  391. rangeEnd: 0x312F
  392. }
  393. ];
  394. return {
  395. analyzeFont: analyzeFont,
  396. getMetricsFromFont: getMetricsFromFont,
  397. readUnicodeRanges: readUnicodeRanges,
  398. getAverageGlyphComplexity: getAverageGlyphComplexity,
  399. countPossiblyUsedGlyphs: countPossiblyUsedGlyphs,
  400. getCharacterSetAsString: getCharacterSetAsString,
  401. getUnicodeRangeFromChar: getUnicodeRangeFromChar
  402. };
  403. };
  404. module.exports = new FontAnalyzer();