Word-spacing

Свойство word-spacing определяет расстояние между словами. С помощью этого свойства можно отображать слова на достаточно дальнем расстоянии друг от друга - как в примере ниже.

p {word-spacing: 20px}

Расстояние

Задается одним из стандартных способов. Это значение будет приплюсовано к исходному расстоянию между словами.

Normal

Стандартное расстояние между словами, которое определяется шрифтом и/или браузером.

Загрузка произвольных шрифтов

Сервисы

http://www.fontsquirrel.com/fontface/generator или

http://www.google.com/webfonts

@font-face {

font-family: Pompadur; /* Гарнитура шрифта */

src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */

}

h1 {

font-family: Pompadur, 'Comic Sans MS', cursive;

}

К счастью, @font-face позволяет подключать одновременно несколько файлов шрифтов разных форматов. Браузеру остаётся только выбрать подходящий. Таким образом, универсальное решение, работающее во всех браузерах, сводится к конвертации имеющегося формата TTF в EOT с последующим подключением обоих файлов.

@font-face {

font-family: 'GloberSemiBoldFree';

src: url('../fonts/Glober SemiBold Free.eot?#iefix');

src: url('../fonts/Glober SemiBold Free.eot?#iefix') format('majallab-opentype'), url('../fonts/Glober SemiBold Free.woff#iefix') format('woff'), url('../fonts/Glober SemiBold Free.ttf') format('truetype'), url('../fonts/Glober SemiBold Free.svg#font') format('svg');

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'GloberThinFree';

src: url('../fonts/Glober Thin Free.eot?#iefix');

src: url('../fonts/Glober Thin Free.eot?#iefix') format('majallab-opentype'), url('../fonts/Glober Thin Free.woff#iefix') format('woff'), url('../fonts/Glober Thin Free.ttf') format('truetype'), url('../fonts/Glober Thin Free.svg#font') format('svg');

font-weight: normal;

font-style: normal;

}

Date: 2016-02-19; view: 415; Нарушение авторских прав