Непонятная ситуация со шрифтом woff2

@braxi · Регистрация: 05.01.2018

Author24 — интернет-сервис помощи студентам

Есть у меня один и тот же шрифт в двух файлах - woff и woff2. Подключаю их так:

CSS

@font-face {
   font-family: 'gico';
   font-weight: 400;
   src: local('gico'),
      url('../res/gico.woff2') format('woff2'),
      url('../res/gico.woff') format('woff');
}

Символы из woff отображаются без проблем, а из woff2 нет, вместо них какие-то квадратные рамки. В инструментах разработчика браузера заметил такую странную картину:

woff:
Response Headers
Accept-Ranges: bytes
Connection: keep-alive
Content-Length: 2644
Content-Type: application/font-woff
Date: Thu, 13 Feb 2020 05:11:10 GMT
ETag: "5e44d09e-a54"
Last-Modified: Thu, 13 Feb 2020 04:29:18 GMT
Server: nginx/1.10.3

woff2:
Response Headers
Connection: keep-alive
Content-Encoding: gzip
Content-Type: text/html; charset=UTF-8
Date: Thu, 13 Feb 2020 05:11:10 GMT
Server: nginx/1.10.3
Transfer-Encoding: chunked

Не силен в особенностях работы шрифтов в браузерах. Мне нужно, чтобы woff2 заработал. В какую сторону копать?

Добавлено через 1 час 48 минут
Оказывается, забыл woff2 прописать в настройках сервера.

@Mailo · 14.02.2020, 02:39

woff и woff2 вроде как сейчас считается новый формат @fontface, всего 2 вместо 4-5 по старому, конечно не для old school которые, уже собрали библиотеку шрифтов со старыми форматами и подключают их к проектам ctrlC, ctrlV.

@Mailo 228 / 208 / 27 Регистрация: 18.02.2010 Сообщений: 2,043
	14.02.2020, 02:39	2
	woff и woff2 вроде как сейчас считается новый формат @fontface, всего 2 вместо 4-5 по старому, конечно не для old school которые, уже собрали библиотеку шрифтов со старыми форматами и подключают их к проектам ctrlC, ctrlV. 1