Подключение локальных шрифтов
В предыдущем посте мы подключали шрифты через CDN. На данном этапе шрифты подключены локально, что повышает скорость загрузки и уменьшает зависимость от внешних ресурсов. Для этого в проекте 1С добавили файлы шрифтов в папку fonts и прописали путь в CSS‑файле:
@font-face {
font-family: 'MyCustomFont';
src: url('fonts/MyCustomFont.woff2') format('woff2');
}
Обработка JavaScript‑событий в 1С
После подключения шрифтов реализована обработка JavaScript‑событий. Кнопка на странице реагирует на наведение и клики, открывая ссылку. События обрабатываются асинхронно, что позволяет не блокировать UI‑поток 1С.
document.querySelector('#myButton').addEventListener('click', async () => {
await fetch('https://example.com/api');
window.open('https://example.com', '_blank');
});
Стили наведения на кнопку работают корректно, а открытие ссылки подтверждается видео‑демонстрацией.
Мобильная совместимость и проблемы с background‑image
На мобильных устройствах возникла проблема: стиль background-image не отрабатывает. Изображение не подключилось, возможно, из‑за ограничений кросс‑доменных запросов или неверного пути. Решение – проверить путь к файлу и убедиться, что MIME‑тип сервера корректен.
Выводы
- Локальное подключение шрифтов повышает производительность.
- Асинхронная обработка JavaScript‑событий в 1С работает без блокировки UI.
- Мобильная совместимость требует проверки путей к ресурсам и MIME‑типов.
Следующий шаг – оптимизация изображений и проверка кросс‑браузерной совместимости.