Я воссоздаю страницу регистрации электронной почты для моего курса кодирования. Вот пример того, что я должен воссоздать:
Чтобы этот проект выглядел как можно ближе к примеру, я пытался использовать правило @font-face со шрифтом Wisdom, чтобы заголовки с тегами имели шрифт мудрости. Мой курс предлагает использовать Mozilla Developer Docs, чтобы заставить Wisdom Font работать. Я использую страницу Mozilla Developer Docs @font-face. в помощь мне и моему курсу программирования был предоставлен шрифт Wisdom в zip-файлах. Я скачал файл и извлек все содержимое. Как только я загрузил файл, я следовал синтаксису Mozilla Docs. Однако шрифт изменился с Comic Sans на Arial. Я снова загрузил файл шрифта Wisdom и поэкспериментировал с синтаксисом и изменением URL-адреса src, чтобы посмотреть, поможет ли это. Однако шрифт по-прежнему остается на Arial. Я написал своему учителю по электронной почте о проблеме, и она прислала мне еще одну ссылку. Мой по ссылке учителя есть генератор комплекта @font-face, и я использовал его, чтобы получить форматы файлов на своем компьютере. После того, как я использовал комплект, я следовал синтаксису примера как для базовой, так и для перекрестной совместимости. Однако шрифт остается прежним.
Прямо сейчас мой код для @font-face на моем сайте выглядит так:
@font-face {
font-family: 'fonts/WisdomScriptAIRegular';
src: url('fonts/ wisdom_script-webfont.eot');
src: url('fonts/ wisdom_script-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/ wisdom_script-webfont.woff') format('woff'),
url('fonts/ wisdom_script-webfont.ttf') format('truetype'),
url('fonts/ wisdom_script-webfont.svg#WisdomScriptAIRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Вот мой код регистрации по электронной почте, который показывает, как он выглядит. Я использую неправильный URL-адрес src для своего кода? Какие-нибудь советы?