Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   @fontface подгрузка шрифтов с сервера (https://javascript.ru/forum/xhtml-html-css/7876-%40fontface-podgruzka-shriftov-s-servera.html)

Jekel 23.02.2010 19:55

@fontface подгрузка шрифтов с сервера
 
@font-face {
font-family: "Myriad Pro";
src: url("Myriadpro.otf");
}

как подгрузить пару штук?
мне надо эще этот

@font-face {
font-family: "Semibold";
src: url("Semibold.otf");
}

Gvozd 23.02.2010 20:17

а что вместе не работает?
советую глянуть фаербагом, тянется ли второй шрифт вообще с сервера
должно работать вместе, спокойно

e1f 23.02.2010 20:53

Да, точно. Я пытался когда-то по-быстрому настроить на локальном апаче - кастом фонт работал только в Опере. FF не хотел показывать, IE, после танцев с eot, все равно не показывал. Несмотря на то, что фонты с сервера запрашивались.

Jekel 24.02.2010 02:21

капец, не работают вместе...грузит только последний

B~Vladi 24.02.2010 18:35

Может сгенерить iframe?

Gvozd 24.02.2010 18:56

тутвроде два грузится

Jekel 24.02.2010 23:41

ща пробую таким же макаром оба грузить...

Jekel 25.02.2010 00:22

@font-face {
font-family: Myriad;
src: url('Myriadpro.otf');
}

@font-face {
font-family: Myriadb;
src: url('Semibold.otf');
}


так пашет) всем спасибо:)

Gvozd 25.02.2010 01:16

Цитата:

Сообщение от Jekel
так пашет) всем спасибо

в чем проблема-то была?
в двойных кавычках что ли в имени шрифта?

B~Vladi 25.02.2010 01:23

Цитата:

Сообщение от Gvozd
в двойных кавычках что ли в имени шрифта?

Видимо, в их отсутствии... Что очень странно...

Jekel 25.02.2010 02:35

та да...все также только без кавычек)))

Jekel 28.02.2010 19:28

блин, не могу понять в чем дело...на локалхосте пашет а на хостинге нет((( http://doobiz.co.cc/pot/ - работают шрифты... - здесь не работают(((( ариал этот долбаный юзает

e1f 28.02.2010 23:07

Jekel,
Код:

http://patatuyki.com.ua/Myriadpro.otf 404 Not Found
http://patatuyki.com.ua/Semibold.otf 404 Not Found

Проверьте, где лежат шрифты

Jekel 01.03.2010 00:46

да они тамже лежат....наверное в хостинге дело

Jekel 01.03.2010 01:00

а почему на ie не работает эта фигня?

e1f 01.03.2010 01:25

Потому что у ИЕ свой формат шрифтов для этого дела, .eot. У них же можно и скачать тулзу для перевода ttf в eot.

Octane 01.03.2010 01:36

Программа от Microsoft для создания EOT-шрифтов: http://www.microsoft.com/typography/WEFT.mspx

Объявление веб-шрифтов для IE и других браузеров лучше разделить с помощью Conditional Comments:
<!--[if IE]>
    <style type="text/css">
        /* описание EOT-шрифта */
    </style>
<![endif]-->

<!--[if IE]><![if !IE]><![endif]-->
    <style type="text/css">
        /* описание OTF/TTF/WOFF-шрифта */
    </style>
<!--[if IE]><![endif]><![endif]-->



---------
Предвкушая: и не надо ругаться на IE, в нем такая возможность появилась гораздо раньше других браузеров, еще в 4-й версии!

Jekel 01.03.2010 02:18

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

Jekel 01.03.2010 02:26

http://www.fontsquirrel.com/ рулит


Часовой пояс GMT +3, время: 02:25.