Как подключить шрифт в HTML верстку (@font-face)

473 ratings | 36825 views


Как подключить шрифт в HTML верстку (@font-face)

Полезно? Подпишись на канал: Создание интернет-магазина от А до Я: Создание новостного сайта от А до Я: Фриланс для начинающих: Научимся подключать шрифты в HTML верстку. start_html: Группа Вконтакте: Реклама на канале:

Comments to the video: Как подключить шрифт в HTML верстку (@font-face)

Muhamedjan Aibassov 15 days ago
Большое благодарю. 2 денька страдал с подключением шрифтов покамест не отыскал Ваше видео.
Mr. Fer 1 month ago
А отчего невозможно попросту чрез Google Fonts шрифты подключить?
WebDesign Master 1 month ago
Контролируемая оптимизация.
TIPASHNIK 1 month ago
изволь скажите будто разрешить делему - Runtime error (at 166:547) Internal error: Failed to expand shell folder constant fonts (перевод) - Ошибка выполнения (на 166: 547) Внутренняя промах: не удалось расширить шрифты папки оболочки. (буду весьма признателен)
Генералушка Великий 3 months ago
Спасибо
Roman Kazimov 5 months ago
Напишем что-нибудь увлекательное. Например, Beeline. )))
Black Skull 8 months ago
Спасибо за задание! Однако в моем случае были трудности, у меня на компютере шрифт отображается, однако стоит отворить html файл на другом компютере, здесь же отображается стоковый шрифт. Не знаю в чем неувязка, вроде правило font-face применено, источники на различные форматы 1-го шрифта указаны (те которые на Гугл Диске хранятся с открытым доступом). В чем неувязка? Заранее благодарю!
sdsa asdasd 1 year ago
Лучший!!!
Ara Chinaryan 1 year ago
Огромное благодарю))) Чтоб твой канал развивалось и развивалось.. Ты не одинешенек один мне посодействовал
Alil Kolasov 1 year ago
Очень разумно и правильно, перст ввысь!! Есть еще одинешенек веб-сайт какой генерирует сходу три (eot, tff. woff) формата шрифта . Еще один благодарю за проделанный труд!
Пэдро Гонзалез 1 year ago
где скачать шрифты для различных браузеров? Нашел на Гугл Фонтс нужные, скачал, однако там лишь.ttf, a.eot дудки ((( Что я делаю не этак? Ответ отыскал на хабрахабре. Они рекомендовали несколько веб-сайтов - конвертеров. Получилось лишь на everythingfonts.com/font-face
Дмитрий Нормов 1 year ago
на данный момент уже довольно 1-го формата ttf , он от IE работает, на старенькые версии забей.
Кирилл Данилец 2 years ago
таковой проблема. если нужно использовать шрифт PTSansNarrow light однако я его не могут нигде найди, кушать лишь PTSansNarrowRegular, кирилик, болт, а легкого дудки. Где его испкать в Вашем наборе из группы Вконтакте я его не отыскал, гуглом этак же не сумел отыскать его
Дмитрий Ли 2 years ago
благодарю вам за определенную информацию, а то до этого натолкнулся на одно видео тама вообщем г*вно было
Mimik 2 years ago
Что мастерить если шрифты в формате pfb и pfm?
on off 2 years ago
Это 2-ой задание последующий за уроком Основы HTML ?
Artem Web 2 years ago
Привет,благодарю за видео.Есть ли у тебя видео о префиксах?будто их подключать ?
Artem Web 2 years ago
благодарю за резвый ответ) попробую разобраться.
WebDesign Master 2 years ago
Обычно эту задачку делает gulp-autoprefixer в составе стартового шаблона _optimized_gulp_sass
Виталий Дунаев 2 years ago
хороший денек! Спасибо за задание, все ясно. Но вот одна неувязка с фаерфоксом. Браузер не желает подключать шрифты при помощи css. Другие браузеры норм работают с ними, а вот фаерфокс не желает. Пробовал гуглить, отыскал что там необходимо в настройках в конфиге управлять, и тогда все будет ок. А если вот к примеру я настрою все будто нужно, а рядовой пользователь какой зайдет к нам на веб-сайт, ну-ка или заказчик верстки, - зайдет в собственный веб-сайт и не увидит присоединенных шрифтов, т.к. фаерфокс их не подключит. Как быть тогда?
VQ 1 year ago
Воде будто человек скал, что другие браузеры лицезреют шрифт. При чем здесь пути? Тем более не изредка бывает, что различные браузеры по различному показывают одинешенек и тот же шрифт, что может быть и вышло у человека.
WebDesign Master 2 years ago
+Виталий Дунаев Впервые слышу. Проверьте пути.
Pashu Papa 3 years ago
искусник, а где можно почерпнуть информацию о способах реализованных в папке _optimized_html ?
Moe Green 3 years ago
с твоего веб-сайта сгенерированный шрифт
Moe Green 3 years ago
промах  - downloadable font: rejected by sanitizer (font-family: BebasRegular style:normal weight:normal stretch:normal src index:0) source:
Who am I 3 years ago
Приветствую!  Где можно качнуть шрифт  Calibri с расширениями обозначенными в уроке?
Testoro ro 3 years ago
Нравятся твои ролики, достойные внимания темы, сделать что-то типа поочередного курса не планируешь?
danyamarow69 3 years ago
подскажите,а отчего бы не сделать попросту ввоз? Вот этак: @import url();
WebDesign Master 3 years ago
+danyamarow69 Google Fonts содержит не этак уж и немало кириллических шрифтов. Чаще итого в дизайне употребляются конкретно те шрифты, которых дудки на GF :)
Spyke 3 years ago
А отчего собственный веб-сайт со шрифтами не пропиарил?))
WebDesign Master 3 years ago
fontweb.ru чтоли ))
Vania Kucher 3 years ago
Ничего сложного) Как вечно все понятно и здорово) Порадовала вступительная музыка)