Несколько внешних шрифтов

[monkeymafia]

Добрый день.

Понадобилось вставить внешние шрифты в сайт.

воспользовался этим :

@font-face {

font-family: "Rounded";

src: url(fonts/rounded.ttf);

}

Вопрос в том, как допустим 2 и более шрифтов загрузить?

[s0rr0w]

Добрый день.

Понадобилось вставить внешние шрифты в сайт.

воспользовался этим :

@font-face {

font-family: "Rounded";

src: url(fonts/rounded.ttf);

}

Вопрос в том, как допустим 2 и более шрифтов загрузить?

Что мешает повторить данную конструкцию несколько раз?

[monkeymafia]

В том то и проблема...мне нужен пример , того как данная конструкция работает с 2умя шрифтами.

вводил это :

@font-face {

font-family: "Rounded";

src: url(fonts/rounded.ttf);

}

@font-face {

font-family: "Favorit";

src: url(fonts/favorit.ttf);

}

Не работает!

Вводил так :

@font-face {

font-family: "Rounded";

src: url(fonts/rounded.ttf);

font-family: "Favorit";

src: url(fonts/favorit.ttf);

}

Работает , но берет за Rounded - шрифт favorit.ttf!

В том то и проблема, мне нужно знать как правильно добавить 2 шрифта

[psywalker]

Ахренеть, люди уже совсем с жиру бесятся, раньше вообще таких вещей не знали, а тут им уже два подавай сразу)

[monkeymafia]

Ахренеть, люди уже совсем с жиру бесятся, раньше вообще таких вещей не знали, а тут им уже два подавай сразу)

Да да - завтра , когда пойду с вопросами по дизайну - я тебя процитирую) Суть в том, что мне предоставили PSD и архив с 20 шрифтами! я такого порно не понимаю, я обойдусь 2умя нестандартными...но минимум 2 нужно! от того и проблема - варианты типа JS решения , использовать не хочется, думал есть простое решение на CSS

[Searcher]

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

[TonKhaO]

ну что тут сказать еще, cufon рулит :-))))))

[monkeymafia]

Searcher,

IE8, Последние Opera и Firefox видят. На эти и ориентирован сайт. Проверял на 1 шрифте...как минимум он везде пашет.

TonKhaO,

если ничего не останется, то буду пользваться Cufon'ом

Получилось :

@font-face {
  font-family: JapaneseWithGentium;
  src: local(MSMincho);
  /* no range specified, defaults to entire range */
}

@font-face {
  font-family: JapaneseWithGentium;
  src: url(../fonts/Gentium.ttf);
  unicode-range: U+0-2FF;
}

вот как правильно. Я так и делал - но использовал не правильный формат для шрифта.

все о шрифах здесь http://www.w3.org/TR/css3-fonts/

Edited April 29, 2010 by monkeymafia