7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Web Typography

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

Read Time: 1 min

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
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.