Главная - Блог

Дизайнерские шрифты в дизайне сайта

Дизайнерские шрифты в дизайне сайта

Доброго времени суток, дорогие наши пользователи! После длительного застоя я снова пишу очередную статью . Недолго думая, было решено остановиться на теме «Дизайнерские шрифты в дизайне сайта». Как известно, обычные html страницы дают возможность указывать шрифты только те, которые установлены в ОС пользователя. Если быть точнее, не «указывать», а имеют возможность отображаться, иначе браузер применяет шрифт подобный прописанному в коде страницы, что не очень хорошо может отразиться на внешнем виде дизайна страницы.

Ближе к сути, без применения php и прочих технологий мы эту проблему решить не сможем, а большинство бесплатных хостингов предоставляют к редактированию только html код. В этом случае на помощь к нам придет сервис от гугла, «Google Fonts».

С помощью подключения не большого скрипта мы сможем использовать у себя на сайте один из предложенных шрифтов сайта гугла. Слева в настройках «Script» выберите пункт«Curillic» и вам выведут примеры кириллических шрифтов. Присматриваем себе понравившейся шрифт и жмем на кнопку показанную на изображении:

укозик

После чего вас перенесет на страницу настройки шрифта. Коротко о настройках:

Первый пункт, это настройки начертания шрифта.

Второй, Поддерживаемые типы шрифтов, например: латиница, кириллица

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

И четвертый пункт, заключительный, это CSS правила для отображения шрифта. Вставьте этот код в вашу таблицу стилей.

На этом все, надеюсь статья оказалось полезной.


Автор: укозик.рф

Просмотров: 1691 | Написал: (o)-$erega-(o) | Дата: 27.08.2014 | Комментарии: (1)
    humoyn | 12.02.2015
    super Аватар


info
Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем

vk
Рекомендуем
Мини-чат
23:26
gameaslife
Парни помогите ! http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581

19:05
380971489511
А как делать фон на сайте?

17:31
ferr-um
Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444

17:31
ferr-um
Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.

17:31
ferr-um
Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:

23:02
Kulac
по моему, выглядит капельку лучше

00:51
Montik
Супер

04:46
Admin
Всем привет! Сайт переехал на новый хостинг!

Для добавления необходима авторизация
Реклама
Статистика
Яндекс.Метрика

Онлайн всего: 2
Гостей: 2
Пользователей: 0