Урок 14. Подключение шрифтов к сайту | Курс Веб разработчик | Академия верстки
HTML-код
- Опубликовано: 18 сен 2024
- Ссылка на полный плейлист: bit.ly/2zsOdFt
Это закрытые записи курса веб-разработчик 10.0.
Получите полный доступ к домашкам, макетам и дипломному проекту. Переходите по ссылке 👉 bit.ly/2UEcuys_...
Подпишитесь на канал, если вам нравятся эти видео:
goo.gl/Zuu7wE
Больше контента в нашей группе Вконтакте
glo_aca...
Присоединяйтесь к нашему сообществу Discord
/ discord
Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: vk.me/glo_academy
Прочитай мою историю в блоге: islamov...
Мой канал в telegram "Лысый из браузера"
tele.click/bal... Чтобы заказать рекламу на канале, пишите в личку вконтакте: vk.me/aislam23 или telegram t.me/aislam23
-----------
Я использую хостинг Link Host с 2014 года
link-host.net/... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
ttttt.me/figma...
ttttt.me/figma...
ttttt.me/figma...
Каналы с крутыми фичами на CSS и JavaScript:
ttttt.me/codep...
ttttt.me/css_f...
Канал с терминами для айтишников:
ttttt.me/slang_it
Канал, где публикуют ссылки на полезные сервисы и сайты:
ttttt.me/linkf...
чувак ты лучший спасибо! не первый раз спасаешь)
большое спасибо, долго тупил, с видео все получилось
Артём, добрый день! У меня совсем другая картинка в assets. Только изображение макета и справа слои и больше ничего! Нет такого, как у вас со стилями. Я так понимаю, они обновили дизайн) Аssets предлагает выбрать программу, через которую я хочу работать и опробовать её бесплатно. Вы что выбрали?
Thank you very much!
Спасибо большое👍
Артём, я всё сделал правильно а шрифты не подключаются. На другом проекте все норм. Хотя все делаю одинаково. Подскажи пожалуйста.
а будет видео с выгрузкой сайта на хостинг?
прекрасно)))
Вопрос: Если скачать шрифт только регуляр, а потом с font-weight: 700; сделать его жирным, то это будет эквивалентно тому, что подключить жирное начертание этого шрифта (болд)? Спрашиваю потому, что свойство быстрее работает, чем подключение нового начертания.
Вопрос. А можно для font face сделать отдельный файл, или это лишь увеличит не нежную нагрузку?
Можно сделать и да, немного увеличит нагрузку.
На сегодняшний день вполне достаточно генерации woff и woff2
А зачем трансформировать все реализации конкретного шрифта ( bold , italic , regular ) ? Почемy просто например не скачать какой-либо шрифт в regular ну и уже в непосредственно style.css применяя этот шрифт к конкретному тексту прописать к примеру что он будет bold ну или italic ?
Привет Артем, в чем разница ? между импортом шрифта и подключением через link ? можно просто через google fonts подключить шрифты через link , и все так можно ?
Лучше подгружать через Link все шрифты и при этом нельзя комбинировать (часть через линк часть через фонт фейс, либо так либо так, но лучше только линк). Это связано с тем, что если на сайте есть js (а он всегда есть на современных сайтах), и если в нем содержится код, который зависит от применяемых стилей (getElementsByClassName, и т.п.), это может привести к ошибкам работы скрипта, т.к. он загружается раньше стилей. Да и к тому же, тесты показали, что через link все подгружается параллельно во всех браузерах и сокращает загрузку т.е. более оптимизировано.
Артём, сказанное в видео про шрифты которые нет на google fonts(с помощью font face), еще актуально?
Хотя я и не Артем, да, есть много шрифтов (особенно кириллических) нету на гугл фонтс, тогда приходится их искать на других сайтах, скачивать, и подключать с помощью фонт-фейс из папки.
Здравствуйте, спасибо за ваши уроки! Подскажите пожалуйста такая проблема. Я скопировал сайт, разместил у себя, выяснилось он не адаптивный.Пришло что метатега viewport нет у меня. Вставил. Начал разбираться и увидел что и шрифты как попало особенно размеры. И вот суть.1. Можно ли мне теперь изменить как то эти шрифты,размер, а то очень мелко для мобильных. Если можно то какие то размеры, стандарты есть? 2 Если можно то есть ли какая программа или все в ручную прописывать? Или надо просто идти каким то иным путем и создавать мобильную версию? Спасибо
дима пупкин размер изменить можно. Обычно в мобильной версии шрифты 14-16 пикселей. Для мобильной версии нужно использовать @media запросы
@@Glo_Academy вручную все? программы нет?
Adobe assets уже не имеет этих функций, чем его можно заменить?
Avocode
@@Glo_Academy Avocode - платный.
тайм код оставь пж в след раз !!!
У меня проблема что все шрифты виглядят не красиво , очень видно пиксели . Неподскажете как это решить?
Поставь себе Linux )
25 минут воды о подключении шрифтов с гугл фонтс.
автор совсем забросил свой канал что ли, ни ответа ни привета
С чего такой вывод?) видео выходят каждую неделю
@@Glo_Academy потому что вы не ответили мне ниже.