Меняем шрифты в документе

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

  • Times;
  • Times New Roman;
  • Arial;
  • Helvetica;
  • Courier;
  • Verdana;
  • Tahoma;
  • Cosmic Sans;
  • Garamond
Любой из данных шрифтов без всяких опасений можно использовать в ваших документах HTML.

Шрифт задается уже знакомым вам тегом <font> с присвоенным ему атрибутом face. Запись будет выглядеть вот таким образом:
<font face="arial">
В атрибуте face можно указать сразу несколько типов шрифтов:
<font face="arial, verdana, courier">текст</font>
В этом случае если у посетителя вашего сайта не окажется на компьютере шрифта Arial, то текст будет отображен шрифтом Verdana. Если и Verdana нет на компьютере вашего посетителя, то текст будет отображен шрифтом Courier. В атрибуте face мы можем задать список разделенных запятыми названий шрифтов, которые браузер вашего посетителя должен попытаться найти у него на компьютере и отобразить в порядке приоритета.

Ниже в своем примере я введу шрифты к уже существующему в документе тегу <font> добавив ему атрибут face, и у меня получится вот такая запись: <font size="+2" face="Cosmic Sans, arial, verdana, courier">Текст</font>


  <html>
<head>
<title>Моя первая страничка</title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
<h2>Это моя первая страница.</h2>
<br>
<font color="#009933">У меня все получится.</font></div>
<hr color="#FF0033">
<div align="Justify">
<font color="#CCCCFF">
<font size="+2" face="Cosmic Sans, arial, verdana, courier">
Едва утренний петербургский поезд, еще толком не вынырнув из клубов паровозного дыма, остановился у перрона Николаевского вокзала, едва кондукторы откинули лесенки и взяли под козырек, как из вагона первого класса на платформу спрыгнул молодой человек весьма примечательной наружности. </font>
<b> Он словно сошел с картинки </b>
парижского журнала, воспевающего моды летнего сезона 1882 года: светло-песочный чесучовый костюм, широкополая шляпа итальянской соломки, остроносые туфли с белыми гамашами и серебряными кнопками, в руке - изящная тросточка с серебряным же набалдашником.
<i> Однако внимание привлекал не столько щегольской наряд пассажира, </i>
сколько импозантная, можно даже сказать, эффектная внешность.
<u> Молодой человек был высок, строен, широкоплеч, на мир смотрел ясными голубыми глазами, </u>
ему необычайно шли тонкие подкрученные усики, а черные, аккуратно причесанные волосы имели странную особенность - интригующе серебрились на висках.
<p align="right">Борис АКУНИН</p>
</font>
</div>
</body>
</html>
   посмотреть


Вернуться назад Перейти к следующей странице



2009 - 2018г. andron09_73@mail.ru