использование @font-face для 2 шрифтов приводит к значительному замедлению

#css #font-face #embedded-fonts #webfonts #opentype

#css #font-face #встроенные шрифты #веб-шрифты #opentype

Вопрос:

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

введите описание изображения здесь

введите описание изображения здесь

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

Ответ №1:

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

Комментарии:

1. Спасибо, я использовал конвертер для экспорта в виде файла bin, а затем переименовал в .otf, похоже, сработало и привело к гораздо меньшей загрузке. Но когда я захожу на сайт сейчас, я получаю это отключение — можно ли что-нибудь с этим сделать?

2. @gio я m not sure. This may be a protection for the system. If you have the font as a file in the web folder, you can not use it must be installed and the browser does not have the rights to do this by itself, I think. When installed, probably this message won больше не появляюсь.

3. Привет, когда вы говорите, что он должен быть установлен, вы имеете в виду, что пользователь должен его установить?

4. @gio Я не совсем правильно написал — он должен быть установлен, чтобы его можно было использовать в системе. @font-face не t make it install on the system. I тестировался в Safari 5.0.5, сообщения не было, и шрифт не был установлен. Извините, если информация ввела в заблуждение.

5. Да, это то, что я подумал, вам не нужно устанавливать. Итак, мне интересно, был ли это просто случай, когда проблема заключалась в этом конвертере .. возможно, я поищу другой…

Ответ №2:

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