Объединить файлы woff и ttf в 1 файл
0
Вопрос может звучать глупо, но есть ли способ объединить файлы woff (и файлы ttf) в 1 файл? так же, как мы можем сделать с JS, используя такие инструменты, как grunt-concat, webmake...
1 ответ
2
Лучший ответ
Вы можете связать активы woff с вашими CSS с base64.
Внутри вашего объявления @font-face:
url('data:application/x-font-woff;base64,myVeryLongBase64StringGoesHere...');
Это может увеличить размер файла активов. По моему опыту это обычно примерно на 20% - примерно того же размера, что и эквивалентный TTF файл. Большая часть этого может быть восстановлена с помощью сервера, поддерживающего gzip. Компромисс приемлем для меня, но YMMV.
Как часто рекомендуется при встраивании блоб в CSS - сохранить их все в отдельной таблице стилей, процитированных после вашего базового стиля. В противном случае клиент может ожидать загрузки шрифтов до того, как он увидит ваш контент по своему усмотрению.
Jatin
Поделиться
Ещё вопросы
- 1Получить уровень «подписи» на Android
- 1Метеор не ждет результата от функции, возвращает неопределенное
- 0Как прочитать значения 2D массива в php
- 0Преобразуйте MySql InputStream в byte []
- 1Метод поиска инъекций в Spring
- 1Ошибка Java JNI DPAPI java.lang.UnsatisfiedLinkError:
- 0Сохранить адрес узла списка ссылок
- 0Вставьте строку JSON в таблицу
- 0Значение неинициализированного поля в классе
- 0Получить счетчик записей из SQL и передать его в XML с помощью PHP
- 1Пользовательские функции Pandas в возвращении значений столбцов
- 1Как импортировать библиотеку задач Google в Python
- 1Модификация LiveDataCallAdapter не вызывает функцию адаптации (вызов)
- 0Отрисовать HTML-форму на главную HTML-страницу с помощью метода приложения AngularJS
- 0Как реализовать стек с помощью std :: vector?
- 0Экспоненциальный генератор чисел иногда дает «странные» результаты
- 1Как я могу проверить наличие ключа в Python
- 1Выкладывание JTextField как JLabel, который можно обернуть - нежелательное поведение
- 1Android обнаруживает, что активность находится на вершине стека истории
- 1Преобразование структуры локальной папки в структуру папки на сервере
- 0Magento - показать комментарии заказа на phtml
- 0HTTP-фейсбук в PHP, возвращающий массив, а не JSON
- 1WTForms: передача другого контейнера в валидатор
- 0Использование Composer для автозагрузки Doctrine 1 в Zend Framework 2
- 1Как перезапустить приложение Cordova WP8?
- 0используя один и тот же вид на страницах
- 1Я не понимаю, как использовать «это» и «это» в Java
- 1конвертировать double в строку и показывать десятичные значения только в случае необходимости [duplicate]
- 0LinkedStack и его шаблонный класс
- 0Получить внутренний текст и разбить его. Проблемы с Javascript с использованием innerHTML и разбиения
- 0Поле Microsoft Access Number с буквами
- 1Отображение графики, как они рисуют в разгаре
- 0Spring JPA оптимизирует транзитивную загрузку @ManyToOne
- 0Многопоточное приложение C ++ с использованием Matlab Engine
- 1Низкокачественный дизайн пользовательского интерфейса delphi под Android при использовании TImage
- 1Невозможно запустить родное приложение React на устройстве Android через VS Code
- 0Конвертировать массив php в гораздо меньший json?
- 0Использование db.Find, когда есть составные первичные ключи и вы хотите использовать только один
- 0Извлечение SEO URL с использованием pre_mattch_all
- 1Как очистить анимацию добавления / удаления панели действий?
- 1ошибка при использовании стилей в динамических модулях - комплект приложений Android
- 1Как перечитать новости на сайте с помощью magazine3k
- 0мне нужна область ввода текста, чтобы форма отображалась только в том случае, если в раскрывающемся списке выбора выбрано «другое»?
- 0У вас нет прав доступа к / phpMyAdmin на этом сервере на сервере CentOS7 VPS
- 0Ionic $ scope.function срабатывает только один раз, затем выдает ошибку при новых кликах
- 1Разбор строки с прямым порядком байтов в десятичную
- 1Java Deep Clone - клонировать каждый элемент в ArrayList, если Cloneable, независимо от типа
- 1генерировать данные из базы данных в Excel с помощью Python, но дата и время в Excel не правильный формат
- 1Калитка 6 Установите флажок CheckGroup по умолчанию не отмечен
- 1Beatifulsoup не возвращает полный HTML-код страницы
