Используя @font-face для 2 шрифтов, вызывающих большой замедление

Это первый раз, когда я использовал @font-face. Пакет шрифтов от myfonts.com, и я в настоящее время тестирую в Safari и заметил через веб-инспектора, что файл css, который загружает 2 шрифта, отображается как почти-2-мегабайтная загрузка! шрифты, как представляется, присутствуют в кодировке base64. Пакет не включал файлы .otf.

Я добавил Gzipping через файл .htaccess, и это уменьшило размер этого файла почти наполовину, но на 1 мб, это все еще неприемлемо, и я не могу понять, почему он так большой.

2 ответа

Base64 больше, чем исходный файл около 1,3 - от wikipedia. Вы можете преобразовать файл в исходное состояние с помощью этого конвертора, но в сети есть много инструментов.


Загрузите файлы шрифтов через myfonts.com(http://new.myfonts.com/fonts/typodermic/great-escape-rg/) или использовать генератор шрифтов-белков, чтобы сделать их из исходных файлов, если вы их ранее приобрели (http://www.fontsquirrel.com/fontface/generator)

licensed under cc by-sa 3.0 with attribution.