|
Статья 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, что они есть на компьютере вашего посетителя. Хотя я советую Вам ставить сразу несколько шрифтов, так как если один не читается, то скорее всего прочитается другой или третий (они заменяют друг друга, если какой-то не читается).
А сейчас ближе к делу. Тег <font> мы уже изучали. Мы применяли его для изменения цвета определенной части текста (статья 4), а так же узнали, как с его помощью можно изменить размер шрифта (статья 8).
Сейчас я расскажу Вам, как можно с помощью тега <font> изменить тип шрифта.
Для этого для тега <font> нужно записать атрибут face="здесь задаются необходимые типы шрифтов":
<font face="Times New Roman">Тип текста - Times New Roman</font>
<font face="Arial">Тип текста - Arial</font>
<font face="Tahoma">Тип текста - Tahoma</font>
<font face="Garamond">Тип текста - Garamond</font>
А для того, что бы задать несколько типов шрифтов сразу, их нужно записать через запятую:
<font face="Helvetica, Times, Verdana">Тип текста - Helvetica, Times, Verdana</font> *
|
* в этом случае, если у посетителя не окажется шрифта Helvetica, то текст отобразится шрифтом Times. Если же и шрифта Times тоже не окажется, то тогда отобразится с помощью Verdana.
|
Теперь давайте применим атрибут face к нашему примеру. Для этого открываем с помощью "Блокнота" файл index.php и внесем изменения в тег font:
Теперь сохраняем, обновляем в браузере, и смотрим результат:
Результат: Вы научились задавать тип шрифта тексту Вашей HTML странички.
|
 !!!Совет:
- Лучше всего задавать сразу несколько шрифтов (последняя строка), так как есть большая вероятность, что один из этих типов шрифтов будит на компьютере у гостя Вашего сайта.
- Используйте те стандартные шрифты, которые я привел в начале статьи, так как если Вы установите какой-нибудь свой тип шрифта, то браузер посетителя сайта может не распознать его, и он будит быстро покинут!!!
- Если же Вам все-таки нужно вывести какой-нибудь экзотический шрифт, то лучше всего сделайте его картинкой (изображением). Как вывести картинку мы изучим в следующей статье.
|
|
ОткрыткиПерерожденный каталог открыток на все случаи жизни
Толкование сновУзнайте в чем тайна вашего сна — стоит готовиться к чему-то плохому или, наоборот, надо чтобы сон обязательно сбылся. Вы непременно найдете толкование вашего сна, ведь в базе уже сейчас содержится 47 
СРОЧНО.ДЕНЬГИК сожалению, всякое бывает… И чаще, почему-то, это всегда случается неожиданно… Уникальная единая форма для подачи заявки на кредит во все банки сразу поможет сэкономить нервы, время и деньги!
Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
Клавиатура служит не только для набора текста. С помощью клавиатуры можно выполнять много других задач. Предлагаю вспомнить полезное сочетание клавиш. Поверьте, это намного облегчает ускоряет работу на компьютере.
Я давно хотела узнать , как можно увеличить рисунок, сделать его форматом больше чем А-4.
Приветствую Вас, дорогие друзья!
, а про такую 
