Рубленый шрифт

Метки:

текст

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

На рис. 1 показана надпись, сделанная шрифтом Verdana с увеличенным фрагментом.

Рис. 1

Рис. 1. Рубленый шрифт

В операционных системах рубленые шрифты пользуются большей популярностью, чем шрифты с засечками, поэтому универсальный список шрифтов, который доступен на платформах Windows, Linux и MacOS, более объемен. Это Arial, Impact, Helvetica, Lucida, Tahoma, Trebuchet, Verdana. Понятно, что не все шрифты из этого списка установлены у посетителей сайта, но один-два найдется непременно. В CSS проблема со шрифтами решается их перечислением через запятую у атрибута font-family. При этом вначале обычно задается желаемый или редкий шрифт, а заканчивается ключевым словом sans-serif, которое обозначает семейство рубленых шрифтов. При этом браузер самостоятельно попытается найти подходящий шрифт, если попытка использовать предыдущие шрифты провалилась. Впрочем, достаточно задать и одно значением sans-serif, если вы не желаете утруждать себя выбором шрифта (пример 1). При этом обычно используется шрифт Arial.

Пример 1. Использование рубленого шрифта

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Рубленый шрифт</title>
  <style type="text/css">
   H1 {
    font-family: sans-serif;
   }
   P {
    font: 11pt Tahoma, Verdana, Arial, sans-serif;
   }
  </style>
 </head>
 <body>
  <h1>Асуанская плотина</h1>
  <p>В 60-х годах XX века во время строительства Асуанской плотины в Египте, под 
  угрозой затопления оказались 24 памятника истории и культуры. Чтобы спасти
  археологические ценности, строителями плотины была предпринята операция по переносу 
  памятников в безопасное место. Решение этой задачи заняло три года и потребовало 
  усилий строителей и  инженеров множества стран, поскольку многие памятники весили 
  несколько сотен тонн. Их перемещение оказалось настолько сложной технической задачей, 
  что некоторые сооружения пришлось разрезать на части. Ни в одной стране мира на тот 
  момент не было техники, которая смогла бы справиться с весом мегалитов.</p> 
  <p>После благополучного спасения археологических ценностей, инженеры задавались одним 
  вопросом: каким образом египтяне, обладая только примитивными инструментами, смогли 
  изготовить и  переместить за сотни километром многотонные конструкции?</p>
 </body>
</html>

Результат данного примера показан на рис. 2.

Рис. 2

Рис. 2. Вид текста, набранного рубленым шрифтом

В примере используется два атрибута, позволяющих задать семейство шрифтов — font и font-family. Универсальный атрибут font позволяет одновременно указать размер шрифта и его тип.

Термины

Рубленый шрифт

Отправить комментарий