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

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

Ответы

Ответ 1

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

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

Ответ 2

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

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

http://caniuse.com/#feat=woff2

В конечном итоге это изменится. Вы должны использовать шрифт @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://github.com/google/woff2

Ответ 4

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

Ответ 5

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