Блог Ловцовых

Оригинальные Web шрифты при участии Google Font API

Всем привет!
Наверное каждый веб мастер хочет что бы его творение блог было бы индивидуально и справедливо, вот мы и рассмотрим одну из возможностей добавления индивидуальности на сайт-это шрифты для сайта.
Но сразу оговорюсь, что в браузерах присутствуют только стандартные Web шрифты, такие как Times New Roman,Arial,Trebuchet MS и т.д и применять на сайте какие либо другие шрифты вы не сможете. В общем посетитель зашедший на ваш ресурс сможет увидеть только тот шрифт который существует у него на ПК. Но существует решение с помощью CSS можно пополнить список шрифтов для использования по вашему желанию. И для просмотра пользователем заданного вами шрифта, требуется просто дописать такой код «font-family» в CSS свойстве, ну и добавьте все используемые вами шрифты через запятую.

font-family:Arial, Helvetica, sans-serif;

Свойство CSS, которое влияет на написание шрифта,так сказать задаёт тон этого самого шрифта, включается и в общие параметры для него в одном свойстве, пример:

font:bold 11px Arial, Helvetica, sans-serif;

В общем если на ПК зашедшего к вам посетителя нет шрифта Arial,то естественно текст отобразится с помощью другого любого имеющегося в настройках.
В принципе это не проблема,потому что всегда один недостающий шрифт заменяется другим,пусть и слегка коверкая заданное изображение.
Возможно расширение возможности добавлять новые шрифты, идея была предложена компанией Google и приведена в исполнение так сказать. Существует сервис онлайн Google, там есть выбор различных шрифтов,которыми можно воспользоваться, шрифты постоянно пополняются новыми видами.В данном сервисе вам объяснят как пользоваться настройками и помогут подключить любой шрифт к вашему ресурсу,хотя проблем возникнуть не должно,потому что там нет ничего сложного.Также вы получаете пакет CSS свойств,использовать которые можно подставляя их в код сайта.

Оригинальные Web шрифты при участии Google Font API
Но как нужные вам шрифты окажутся в браузере,спросите вы,а они там появятся с помощью Google серверов и затем из кеша попадут в браузер
Мне очень нравится данный сервер,причём он не требует никаких материальных затрат.Для того что бы пользоваться сервисом Google Font API следует войти во внутрь и выбрать соответствующую вкладку выбора шрифта.В Google Font API есть небольшой недостаток,это маленький выбор кириллических шрифтов
но это дело временное и в скором всё наладится.На этом сервисе можно разработать полностью CSS стиль для своего сайта,с помощью очень мощного визуального редактора и соответственно всё перенести на свой сайт.
Что означают вкладки:
Font family-выбор шрифта
Size-замена размера шрифта и просмотр одновременно
Spacing-опции настройки расстояния между символами
Variant-выделение шрифта
Shadow-образ тени
Что бы добавить сгенерированные шрифты на ваш сайт на WordPress, откройте в шаблоне темы Header.php и пропишите такой код:

wp-content/themes/название темы WordPress

Внести данный код обязательно нужно после тега Html  Head-открытый и до Head-закрытого

Что бы добавить много шрифтов то после добавления очередного проставляйте символ»|»

Вот в принципе и всё, что бы понять всё вышеописанное нужно пробовать делать.

автор: Ловцова Елена

Если с вашим компьютером случилась беда, что то вышло из строя или просто нужно произвести дополнительные настройки, закажите компьютерные услуги, в них входит и ремонт компьютеров и ещё много дополнительных квалифицированных услуг по оказании компьютерной помощи! 

Кстати тоже интересно почитать

• Вышел новый смартфон HTC Raider 4G
• Использование цвета при создании сайта
• В Facebook знаменитостям доступны псевдонимы
• Операционная система Windows 8 будет подстраиваться под дисплеи различных типов
• IBM вскоре создаст новый датацентр
• Asus будет первым поставлять материнские платы!
• Вышла новая версия дистрибутива Linux
• Как добавить картинки на WordPres?
• Делаем сайт сами
• Настраиваем ЧПУ

No related posts.