Как установить нужный тип шрифта текста HTML? Безопасные шрифты HTML: Arial, Helvetica, Times New Roman, Times, Verdana, Courier, Georgia.

Воскресенье, 09 Февраля 2014 г. 02:32 + в цитатник

Статья 10. Как установить нужный тип шрифта текста HTML? Безопасные шрифты HTML: Arial, Helvetica, Times New Roman, Times, Verdana, Courier, Georgia.

Автор: Сергей Сукманюк

Дата создния: 2009-12-31

1. В этой статье Вы узнаете о безопасных шрифтах, а так же, как задаётся тип шрифта текста HTML, которым будит выводиться Ваша страничка в браузере посетителя:

- Arial,
- Helvetica,
- Times New Roman,
- Times,
- Courier,
- Georgia,
- Verdana,
- Tahoma,
- Cosmic Sans,
- Garamond

и т.д.

Это будит, пожалуй, последняя статья, которая касается шрифтов. Она очень простая и коротенькая, состоящая из одного примера. А в следующих статьях мы будим учиться выводить картинки и строить расположение текста, картинок, ссылок, кнопок по отношению друг к другу.

Итак, давайте начнём :-)

1. Как задать нужный шрифт? Какие типы шрифтов самые популярные?

Начну, пожалуй, с того, что приведу ниже список самых распространенных шрифтов:

- Arial,
- Helvetica,
- Times New Roman,
- Times,
- Courier,
- Georgia,
- Verdana,
- Tahoma,
- Cosmic Sans,
- Garamond

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

А сейчас ближе к делу. Тег мы уже изучали. Мы применяли его для изменения цвета определенной части текста (статья 4), а так же узнали, как с его помощью можно изменить размер шрифта (статья 8).

Сейчас я расскажу Вам, как можно с помощью тега изменить тип шрифта.

Для этого для тега нужно записать атрибут face="здесь задаются необходимые типы шрифтов":

Тип текста - Times New Roman

Тип текста - Arial

Тип текста - Tahoma

Тип текста - Garamond

А для того, что бы задать несколько типов шрифтов сразу, их нужно записать через запятую:

Тип текста - Helvetica, Times, Verdana *

* в этом случае, если у посетителя не окажется шрифта Helvetica, то текст отобразится шрифтом Times. Если же и шрифта Times тоже не окажется, то тогда отобразится с помощью Verdana.

Теперь давайте применим атрибут face к нашему примеру. Для этого открываем с помощью "Блокнота" файл index.php и внесем изменения в тег font:

Теперь сохраняем, обновляем в браузере, и смотрим результат:

Результат: Вы научились задавать тип шрифта тексту Вашей HTML странички.

!!!Совет:
- Лучше всего задавать сразу несколько шрифтов (последняя строка), так как есть большая вероятность, что один из этих типов шрифтов будит на компьютере у гостя Вашего сайта.

- Используйте те стандартные шрифты, которые я привел в начале статьи, так как если Вы установите какой-нибудь свой тип шрифта, то браузер посетителя сайта может не распознать его, и он будит быстро покинут!!!

- Если же Вам все-таки нужно вывести какой-нибудь экзотический шрифт, то лучше всего сделайте его картинкой (изображением). Как вывести картинку мы изучим в следующей статье.