Преобразование WOFF2 из стандартного WOFF

Question

Я видел, что некоторые веб-шрифты Google теперь используют WOFF 2.0. Могу ли я каким-то образом преобразовать мои существующие WOFF-шрифты в этот новый (и, возможно, лучший формат)? И как?

Answer 1

Я не смог найти конвертеры WOFF в WOFF2, но вы можете легко конвертировать ваш текущий шрифт WOFF в TTF с помощью любого сервиса, подобного этому. И затем, используя этот шпаргалку WOFF2, конвертируйте TTF в WOFF2.

Я проверил эти шаги с моими шрифтами, преобразованный шрифт WOFF -> TTF -> WOFF2 работает нормально.

Answer 2

Конечно! Вы можете конвертировать существующие файлы woff в новый формат. Вы получите более чем 30% улучшение степени сжатия.

Хотя поддержка браузера в данный момент ограничена

http://caniuse.com/

Это в конечном итоге изменится. Вы должны использовать отступление @font-face и начать помещать подобные директивы в ваш css прямо сейчас.

 @font-face {
   font-family: MyFont;
   src:
       url('font.woff2') format('woff2'),
       url('font.woff') format('woff');
  }

Вы можете использовать следующие инструменты для преобразования из ttf / woff в woff2.0

http://everythingfonts.com/woff-to-woff2

HTTPS

Answer 3

Мне удалось конвертировать с https://everythingfonts.com/woff-to-woff2 сделал это для моих иконок fontawseome

Answer 4

Генератор Font Squirrel теперь включает WOFF2 в свои сгенерированные шрифты. Таким образом, вы можете создать его таким образом из вашего файла TTF.

Answer 5

В Ubuntu вы можете преобразовать WOFF в OTF/TTF, а затем в WOFF2:

      woff2sfnt myfont.woff > myfont.ttf
woff2_compress myfont.ttf

Зависимости пакетов:

      sudo apt install woff-tools woff2

Answer 6

Просто попробуйте http://font-converter.net/ он имеет лучший интерфейс и поддержку спецификации @font-face, включая новый.woff2. Поддержка преобразования из otf, ttf, svg.