Как определить исходные файлы шрифтов, используемые в Adobe / TypeKit шрифтов JavaScript? - PullRequest
Новая
       69

Как определить исходные файлы шрифтов, используемые в Adobe / TypeKit шрифтов JavaScript?

0 голосов
/ 15 октября 2019

Использование Google Fonts на веб-сайте с таким элементом ссылки: 

<link href="https://fonts.googleapis.com/css?family=Fredoka%20One:regular" rel="stylesheet">

ссылки на файл, подобный этому: 

/* latin */
@font-face {
  font-family: 'Fredoka One';
  font-style: normal;
  font-weight: 400;
  src: local('Fredoka One'), local('FredokaOne-Regular'), url(https://fonts.gstatic.com/s/fredokaone/v7/k3kUo8kEI-tA1RRcTZGmTlHGCaen8wf-.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

К сожалению, Adobe / TypeKit не отображаетсядля поддержки загрузки отдельных шрифтов, таких как Google. TypeKit поддерживает загрузку всего набора шрифтов, но поскольку наш контент генерируется пользователем, нецелесообразно статически определять наборы для каждой возможной комбинации шрифтов.

Adobe / TypeKit предоставляет фрагмент кода JavaScript для встраивания наборов, но этокажется, нигде не ссылается на фактические файлы шрифтов. (Цель состоит в том, чтобы загрузить шрифты индивидуально с помощью пользовательского кода.)

Вот пример JS, который загружает набор: 

  (function(d) {
    var config = {
      kitId: 'thx1ujq',
      scriptTimeout: 3000,
      async: true
    },
    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
  })(document);

При выполнении этого JS создаются правила CSS, которые ссылаются на шрифтсемейство, но, кажется, нигде не загружает реальные файлы шрифтов.

Как найти исходные файлы шрифтов для TypeKit? (Отдельно, если шрифты загружены, как можно подобрать подгонки TypeKit?)

...