Современные браузеры поддерживают форматы шрифтов woff и woff2.
Скормите свою otf'ку в любой онлайн конвертер вебшрифтов, на выходе получите полный комплект и стили к нему.
Например, этот https://web-font-generator.com/
STig225, начните с размещения работающего кода в песочницу. Отключите непосредственно отправку по сабмиту.
Начните делать замену алерта на желаемое действие. Потом покажете, что не выходит. Так можно получить помощь прямо с вашим кодом.
Обычно все сводится к скрытию одного блока (с начальной формой) и показу другого (с сообщением) , с помощью show, hide, toggleClass и подобное. Сами блоки заранее написаны в html.
Dubrovin,
Так объединение свойств в короткую запись не дает гарантии меньшего количества байтиков. Только вы знаете, глядя в макет, надо их объединять или они потребуются в дальнейшем по отдельности. И соответственно для разных сайтов ответ будет разным.
Берете фотошоп.
Создаете файл, например, А4 с разрешением 72. Пишете в нем 14м шрифтом. Меняете разрешение на 300. Смотрите какой размер шрифта получился.
Может кто-нибудь объяснит поведение :nth-child(n)?
Вообще, это в любом справочнике написано.
Все -чайлды применяются к дочерним элементам своего родителя.
Т.е. при записи .box__item:nth-child(1) браузер сначала найдет родителя элемента .box__item и начнет считать его детей. Соответственно, первый ребенок у вас будет span, если он есть и div, если спана нет.
да
и это svg