Вёрстка | Блокнот Готтфрида Квадратного

Ноябрь 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
	1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30

26.05.16
14:27
4081
1

Блок @font-face, не содержащий шрифтов в виде base64 и ориентированный на поддержку в IE6-8, выглядит так:

@font-face {
    font-family: 'FontFamily';
    /* остальные атрибуты */
    src: url('font.eot');   /* IE9-11, режимы совместимости 5-8 */
    src: url('font.eot?') format('embedded-opentype'), /* IE 6-8 */
         url('font.ttf')  format('truetype'),   /* Android, iOS, Safari */
         url('font.woff') format('woff'),
         url('font.svg#fontId') format('svg');  /* iOS */
}

@font-face {

font-family: 'FontFamily';

/* остальные атрибуты */

src: url('font.eot'); /* IE9-11, режимы совместимости 5-8 */

src: url('font.eot?') format('embedded-opentype'), /* IE 6-8 */

url('font.ttf') format('truetype'), /* Android, iOS, Safari */

url('font.woff') format('woff'),

url('font.svg#fontId') format('svg'); /* iOS */

}

Рубрика: Вёрстка

Про @font-face с пояснениями

Про старые IE, EOT и CSS3111