Тёмный

Что лучше: иконочный шрифт или SVG / как вставить svg на сайт / иконочные шрифты для сайта 

Просто: разработка
Подписаться 47 тыс.
Просмотров 12 тыс.
50% 1

Привет! прошлом видео мы определились, что такое иконочные шрифты для сайта, как отображать иконки на сайте, svg или png для сайта. И многие другие вопросы. В этом видео мы будем говорить о том, как вставить svg на сайт. именно в лице SVG. Поговорим, как использовать svg и его особенность. Потому что только svg картинка на сайт является векторным изображением и обуславливает svg отображение для вашего пользователя. У svg inline есть свои плюсы и минусы. Следует обратить внимание, что поддержка svg браузерами вопрос довольно важный. Не все Бразуеры поддерживают его. Поэтому перед началом проекта стоит уточнить с какими именно браузерами вам требуется совместимость. Так же в видео кратко затронем тему как пользоваться иконочным шрифтом. Если иконочый шрифт использование подразумевает возможность применения на себе различных свойств

Опубликовано:

 

16 апр 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 29   
@prosto_razrabotka
@prosto_razrabotka 3 года назад
Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/
@andrussian
@andrussian 4 года назад
Your teaching { awesome ( ‘Лайк не глядя!!!’ ) ; }
@dondragon6949
@dondragon6949 16 дней назад
класс!
@mariasana9
@mariasana9 4 года назад
Спасибо! Наконец поняла что за пустые спаны в примере, который ко мне попал.
@nikanorra
@nikanorra 3 года назад
а видео как менять цвет в svg планируется?) и пример, приведенный в этом уроке, по смене цвета только некоторых элементов svg ой как хотелось бы посмотреть! За этот урок спасибо! теперь очевидны преимущества svg
@dbuzeninka8005
@dbuzeninka8005 4 года назад
Так так тааааак , а почему не сказал про то самое главное - про то , как влияет и то и другое на время загрузки страницы ??)
@bioman810
@bioman810 4 года назад
если оптимизировать предварительно картинки, то никак
@AntonioBenderas
@AntonioBenderas Год назад
Ещё можно: - бэкграундом; - псевдоэлементом
@olik9253
@olik9253 Год назад
Смотрю в же не первое видео про сравнение svg и иконочного шрифта, в целом все говорят одно и тоже, и вот возникает вопрос, - зачем же тогда вообще использовать и себя затруднять с использованием икон.шрифта, если обычное svg куда проще и лучше?
@alizhilov1391
@alizhilov1391 Год назад
Здравствуйте у меня бывает что svg иконки во многих браузерах не корректно отображаются например кнопки слайдера, что более стабильно по кроссбраузерности svg или иконочные шрифты?
@AlexanderKiyashko
@AlexanderKiyashko 4 года назад
Виталий, спасибо! У меня был большой пробел в понимании этого вопроса. Теперь его нет :) Не по теме немного, однако я много думал и категорически не понимаю, кто вообще использует ИЕ, тем более старые версии. Ну ладно в госучреждениях могут заставить, или бабушки-дедушки там, которым особенно и не нужно ничего кроме погоды и одноклассников. Все остальные же довольно скоро убеждаются, что хрень, и переходят на Хром/Оперу/Мозиллу/Яндекс (нужное подчеркнуть). Мне даже трудно представить, что можно сегодня дизайнить-верстать с оглядкой, скажем, на ИЕ-6?!! Может, это пользователи пусть избавляются от устаревшего хлама?
@duratupaya
@duratupaya 4 года назад
ИЕ используют многие крупные компании, от части из-за скупости, от части из-за лени(некоторые еще и сидят на вин7). ИЕ идет по умолчанию и многие не хотят что-то другое устанавливать ВООБЩЕ. плюс политики проще накидать на ИЕ, чем на тот же хром, который еще *о боже* установить нужно
@MrMaTizFeeD
@MrMaTizFeeD 4 года назад
​@@duratupaya бред какой-то.
@MrMaTizFeeD
@MrMaTizFeeD 4 года назад
забить хрен на этих дегродов, юзающих такое.
@igroman-toys
@igroman-toys 4 года назад
Що за борода, іконочний шрифт і є svg з заздалегіть розмміченими координатами в css, іншими словами готовий до застосування svg спрайт.
@syimykamatov8955
@syimykamatov8955 4 года назад
А что по скорости отличаются?
@trampsport
@trampsport 5 лет назад
ясно, а есть возможность отдельную иконку из иконочного шрифта сохранить и использовать как svg?
@prosto_razrabotka
@prosto_razrabotka 5 лет назад
Сервис Icomoon отдаёт иконочный шрифт, но при этом на сайте вы можете скачать и отдельную иконку. FontAwesome тоже позволяет подключать либо шрифт, либо свг. А из самого шрифта выдернуть свг... Честно никогда не думал даже о таком -)
@evilfest
@evilfest 5 лет назад
как вариант, установить шрифт в ОС и заюзать любой графический редактор с поддержкой SVG
@bulatm9699
@bulatm9699 4 года назад
в теорий а если css переделать в php и вставлять в хед как style то там можно из пути к svg сделать переменную?
@igroman-toys
@igroman-toys 4 года назад
а что вам мешает на практике не переделывать css в php, а переименовать файл в scss или less и использовать переменные в стилях и не изобретать колесо заново?
@micron9921
@micron9921 2 года назад
В css есть же переменные.
@artems3566
@artems3566 5 лет назад
Это жутко интересно!
@donaks
@donaks 4 года назад
Можно еще спрайтом.
@AntonioBenderas
@AntonioBenderas Год назад
А что такое gliph ?
@hulumulu1108
@hulumulu1108 2 года назад
а где код/пример?
@micron9921
@micron9921 2 года назад
Смысл видео свг рулит точка.
Далее
Запросы в 1С за 3 часа. Часть 2
3:17:01
Ayollar orzusidagi er😂😂
01:01
Просмотров 781 тыс.
Magic of CSS #3 - Cropping images CSS and SVG
10:00
Просмотров 35 тыс.
КАК УСТРОЕНЫ ШРИФТЫ? | РАЗБОР
10:40