Как получить лицензионный веб-шрифт?

Я рассматриваю исходный код проекта, в котором используется лицензированный шрифт из myfonts.com.

Файл css содержит это -

  /* @import must be at top of file, otherwise CSS will not work */
    @import url("//hello.myfonts.net/count/123d4d");

   @font-face {
  font-family: 'SoliPx';
  src: url('webfonts/123D4D_1_0.eot');
  src: url('webfonts/123D4D_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/123D4D_1_0.woff') format('woff'),url('webfonts/123D4D_1_0.ttf') format('truetype');
}

И как упоминалось в исходных URL-адресах - есть файлы eot, woff, ttf в локальной webfonts папке проекта.

Я знаю, как работают @font-face и webfonts.

Но в том случае, когда используется лицензионный/коммерческий шрифт, я не вижу никаких файлов шрифтов, загруженных в Dev Tools, но текст отображается с указанным шрифтом.

Существует нетто-запрос, который отправляется на hello.myfonts.net/count/123d4d со статусом 200 и ответом content-type текста /css, но ничего в теле ответа.

Что происходит внутри страны? Как это работает?

Ответы

Ответ 1

Я имел дело с этим раньше, и вот что делает этот импортированный файл:

  • Что касается фактической загрузки шрифтов, он ничего не делает. Я оставил его раньше (во время тестирования), а шрифты загружаются с моего сервера.

  • В нем подсчитывается количество импортируемых файлов вашим CSS (следовательно, /count/ в URL-адресе). Если вы читаете лицензию webfont myfonts.com, большинство веб-сайтов поставляется с ежемесячной кешью для просмотра страниц. Если вы передадите эту подсказку, myfonts захочет снова зарядить ваш аккаунт или предложит вам приобрести новую лицензию с более высокой суммой.

Так что мы действительно имеем здесь конечную точку API, которая возвращает пустой файл CSS. Каждый раз, когда загружается этот файл CSS, myfonts добавляет +1 к числу ежемесячных просмотров страниц в учетной записи, которая соответствует хешу в конце, в вашем случае 123d4d.

И снова это не имеет никакого отношения к загрузке самих шрифтов. У вас есть файлы на вашем сервере, и они будут загружаться при ссылке - полная остановка.