Как подключить два шрифта через CSS?

Question

[Петр Волханов]

Как подключить два шрифта через CSS? Нужно подключить ArialNarrow Bold и AGAalenBold Roman. И еще вопрос, где можно найти эти шрифты?

Comments

[Петр Волханов]

Скачал оба шрифта с расширением файла ttf. Пытаюсь их конвертировать на сайте www.fontsquirrel.com/tools/webfont-generator, но выдает ошибку The font is corrupt and can not be converted.

Answer 1

[korablik]

Использовать 2 @font-face. Найти их можно тут
Пример:
@font-face {
font-family: 'Geinspirapitch Bold';
src: url("../fonts/geinspirapitchbold-webfont.eot");
src: local('Geinspirapitch Bold'), local('GeinspirapitchBold'),
url("../fonts/geinspirapitchbold-webfont.svg") format('svg'),
url("../fonts/geinspirapitchbold-webfont.ttf") format('truetype'),
url("../fonts/geinspirapitchbold-webfont.otf") format("opentype"),
url("../fonts/geinspirapitchbold-webfontd.woff") format("woff");
}

@font-face {
font-family: 'Ge Inspira';
src: url("../fonts/ufonts.com_ge-inspira.eot");
src: local('Ge Inspira'), local('GeInspira'),
url("../fonts/ufonts.com_ge-inspira.svg") format('svg'),
url("../fonts/ufonts.com_ge-inspira.ttf") format('truetype'),
url("../fonts/ufonts.com_ge-inspira.otf") format("opentype"),
url("../fonts/ufonts.com_ge-inspira.woff") format("woff");

Comments

[Петр Волханов]

@korablik К сожалению, Гугл не находит ни один, ни второй шрифт... За помощь спасибо.

Answer 2

[Анна Бакурова]

Для поиска шрифтов идеально www.google.com/fonts#
для генерации www.fontsquirrel.com/tools/webfont-generator другие сервисы не советую использовать иначе будут проблемы с ie которые Я описывала тут . Там в нём Вам даже css файл выдаст со всеми подключениями. Если шрифт Вам прислали левый генератор Вас оповестит, на крайняк можно использовать генератор этот css он по приятнее выдаст но ie не любит шрифты от него

Answer 3

[Роман Мисюра]

@eprivalov, вот я гугле без проблем их найти можно:
Arial Narrow Bold
AGAalenBold Roman