Используйте Fancy HTML шрифты с помощью CSS для стильных текстовых

Научитесь использовать модные и стильные HTML-шрифтов с помощью CSS и услуг, как fonts.com. Вы можете использовать различные красивые семейства шрифтов путем встраивания шрифтов через CSS.

A+ A-

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

Проблема

Прежде чем я расскажу вам, как использовать широкий спектр шрифтов на вашем сайте, я предполагаю, что это важно, чтобы понять, почему вы не можете использовать эти шрифты не откладывая. Видите ли, проблема в том, что, когда вы используете шрифт на своем сайте -Вот шрифт должен быть виден посетителю вашего сайта, только если посетитель имеет один и тот же шрифт, установленный в его / ее компьютере. Веб-сейф шрифты , такие как Arial, Verdana Грузии и Times Roman и т.д. , потому что эти шрифты поставляются в комплекте с операционными системами. И поэтому доступны практически во всех компьютерах. Если вы используете фантазии шрифт -It может или не может быть там в компьютере посетителя. Следовательно, браузер выбирает другой шрифт для отображения текста и желаемый внешний вид вашего сайта не материализоваться.

Он прост в использовании нетрадиционных шрифтов на веб-сайтах.

Он прост в использовании нетрадиционных шрифтов на веб-сайтах.

Решение: Используйте Необычные Стильные шрифты в HTML

Google Font API является сервис от Google, где вы можете вставлять шрифты в свой веб - сайт. Браузер посетителя получает шрифт из директории шрифтов Google, и зависимость от наличия шрифта в компьютере посетителя становится неуместным.
В настоящее время Google предоставляет вам близко 450 шрифтов с открытым исходным кодом. Вы можете просматривать каталог шрифтов, выберите шрифт, а затем связать шрифт с вашего сайта с помощью следующего кода:

<link href="http://fonts.googleapis.com/css?family=FONTNAME" rel="stylesheet" type="text/css" />

Здесь вам нужно заменить FontName с именем шрифта , который вы хотите использовать. После этого вы можете использовать фамилии шрифта в любом месте в HTML или CSS. Например:

<link href="http://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet" type="text/css" />

<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
<body>
<div>Making the Web Beautiful!</div>
</body>

Разве это не круто?

TechWelkin рекомендует использовать Google API для использования фантазии и стильные шрифты в HTML на своем сайте. Тем не менее, если вы ищете конкретный шрифт, который не доступен в директории шрифтов от Google -Есть платные услуги. Я буду говорить об этих услугах в отдельной статье .

Я надеюсь, что вам понравилась эта статья. Пожалуйста, дайте мне знать ваше мнение о нем.

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

Входящие с помощью Google была одна из лучших вещей, которы...

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии