Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Web Typography

Веб-шрифты за 60 секунд

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Leonid (you can also view the original English article)

Для использования шрифтов на веб-сайте требуются файлы, загружаемые из одного из двух мест; собственная система посетителя или веб-сервер. Давайте быстро взглянем на веб-шрифты за шестьдесят секунд!

Thumbnail image taken from Auther web font by Seniors StudioThumbnail image taken from Auther web font by Seniors StudioThumbnail image taken from Auther web font by Seniors Studio
Миниатюра изображения: «Auther», веб-шрифт от Seniors Studio

Понимание веб-шрифтов

Для использования шрифтов на веб-сайте требуются файлы, загружаемые из одного из двух мест. Первое место занимает персональное устройство посетителя (компьютер, смартфон и т. д.). Эти шрифты называются «системными шрифтами», и их не так много, чтобы их можно было надежно использовать, поскольку только несколько из них установлены на всех устройствах и операционных системах.

Второе место, откуда можно загружать файлы шрифтов, - это веб (т. е. «Веб-шрифты»). Таким способом вы можете использовать любой шрифт, какой захотите, потому что вам не нужно беспокоиться о том, что у посетителя нет доступа к необходимым файлам.

Веб-шрифты могут обслуживаться либо через хостинг вашего собственного сайта, либо от внешнего поставщика, такого как Google Fonts. Чтобы обслуживать ваши собственные веб-шрифты, сначала убедитесь, что у вас есть разрешение на использование файлов, затем поместите их на свой хост и используйте @font-face в вашем CSS для их загрузки.

  • Определение @font-face

Чтобы использовать сторонние веб-шрифты, вы должны либо добавить элемент ссылки в раздел заголовка, либо код JavaScript. И на всякий случай, всегда указывайте некоторые системные шрифты в «стеке шрифтов» для использования в качестве запасного варианта.

И это веб-шрифты за шестьдесят секунд!

Веб-шрифты из элементов Envato

Подписка на Envato Elements предоставит вам доступ к более чем 700 веб-шрифтам; число, которое растет с каждым месяцем! Если вы поклонник шрифтов, вам нужно взглянуть:

web fonts on Envato Elementsweb fonts on Envato Elementsweb fonts on Envato Elements
Веб-шрифты на Envato Elements
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.