Здравствуйте, столкнулся с такой проблемой. Когда подключай шрифт с компа т.е. файлик шрифта находится возле самого html файла то всё окей, как только загружаю его на сервер и подключаю оттуда в мозиле не работает.

@font-face {
    font-family: 'MetaBlackLFC';
    src: url('http://site.ru/images/mail/metablacklfc-metablacklfc-regular.eot');
    src:url('http://site.ru/images/mail/metablacklfc-metablacklfc-regular.ttf') format('truetype'),
    url('http://site.ru/images/mail/metablacklfc-metablacklfc-regular.eot?#iefix') format('embedded-opentype'),
         url('http://site.ru/images/mail/metablacklfc-metablacklfc-regular.woff') format('woff'),
         
         url('http://site.ru/images/mail/metablacklfc-metablacklfc-regular.svg#metablacklfc-metablacklfc-regular') format('svg');
    font-weight: normal;
    font-style: normal;
    
}
.font{
font-family:'MetaBlackLFC';
}

p.s. во всех браузерах кроме мозилы всё прекрасно отображается.

Попробуйте подключить шрифт по-другому, например, так:
в HEAD пишете

<link href='имя файла' rel='stylesheet' type='text/css'>

потом с помощью CSS используете

font-family: 'имя шрифта', serif;

При таком раскладе в работает.

Спасибо за ответ, но не помогло...

27-08-2012 16:45:11
Прочитал на форуме:"It might be a case that @fontface doesn't work cross-domain. FireFox has an issue with this.But if you are using a file from within the same domain, just don't specify the full domain, and just the supply the path to the ttf file."
А что делать если файл находится не на том же домене?

Странно, у меня шрифты с Google Web Fonts цепляются.

Сделать так, чтобы находился в том же, если это возможно.

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

Печально…
А не вариант сделать картинкой или прилеплять вложение? (В документы шрифты интегрируются).

slame1121
https://developer.mozilla.org/en-US/docs/CSS/@font-face
https://developer.mozilla.org/en-US/doc … ss_control

http://www.webfonts.info/mozilla-firefox

Спасибо, буду разбираться

Не хотелось бы создавать тему с тем же  вопросом, поэтому - сюда.
Проблема та же. Есть нестандартный шрифт, который нужно подключить со стороннего ресурса (либо прописать в CCS, но что-то как-то и этот вариант тоже не получился) на форум платформы MyBB. Во всех браузерах кроме работает.

Вот так прописано правило в Структуре style.css.

@font-face {
   font-family: 'rurintaniaregular';
   src: url('http://www.aris-tv.ru/wp-content/themes/defaul/fonts/rurintania.eot');
   src: local('Rurintania Regular'),
          local('Rurintania'), 
   url('http://my-files.ru/DownloadSave/ggn4/4427269.otf') format('opentype'), 
   url('http://my-files.ru/DownloadSave/jnhk/4427269.ttf') format('truetype'),
   url('http://my-files.ru/DownloadSave/cr8s/4427269.woff') format('WOFF');
}

Стоит в самом конце.
Была попытка подключить css-файл шрифта в формате .woff, выданный Белкой, отдельным файлом

Прописывалось перед @font-face правилом. Результатов не дало.

Здесь приводили ссылки на статьи, где говорится о сценарии управления (если я правильно перевел (Access Control)), что без него ничего работать не будет, но как этот сценарий управления реализовывать, так и не понял. Если у кого есть возможность помочь с этим всем разобраться, буду весьма благодарен.

okkamas_knife, добавлял и ссылку на .svg по вот такому образцу:

Или что вы имеете в виду, говоря о нужном, которое туда запихнуть нужно?
По поводу canvas - с беглого взгляда совсем не понял, как это можно использовать для решения задачи со шрифтами. Есть на примете доступные русскоязычные статьи на тему?

Severa

Почему используете одинарные, а не обычные кавычки в коде? Образец смотрели?

15-05-2013 17:18:46
okkamas_knife

SVG-шрифты Firefox никогда поддерживать не будет.

banbot, насколько я знаю, в CSS для указания ссылки можно хоть какие кавычки использовать или не использовать вообще. Но да, ради чистоты эксперимента и совести поставил двойные:

@import url("http://my-files.ru/4wlv.stylesheet.css");

@font-face {
   font-family: 'rurintaniaregular';
   src: url("http://www.aris-tv.ru/wp-content/themes/defaul/fonts/rurintania.eot");
   src: local('Rurintania Regular'),
          local('Rurintania'), 
   url("http://my-files.ru/DownloadSave/ggn4/4427269.otf") format('opentype'), 
   url("http://my-files.ru/DownloadSave/jnhk/4427269.ttf") format('truetype'),
   url("http://my-files.ru/DownloadSave/tq2z/4427269.svg#rurintaniaregular") format('svg'),
   url("http://my-files.ru/DownloadSave/cr8s/4427269.woff") format('WOFF');
}

Та же петрушка. Справляются все, кроме

Severa
Если шрифты и сайт их включающий расположены на разных сайтах, то из коробки работать не будет. В http://forum.mozilla-russia.org/viewtopic.php?pid=578928#p578928 об этом писалось.
И в Firefox есть Консоль ошибок, в которой много чего пишется.

banbot, в консоли ошибок есть сообщения о неотработавшем правиле @font-face. 4 записи, из которых три ошибки и одно предупреждение:

okkamas_knife, хорошо, а если пойти в обход, и с помощью fontsquirrel получить base64 шрифта в формате .woff (какой и нужен Лисе, собственно) и подключить сформированный CSS-файл импортом? CSS-файл, в отличие от файлов шрифта в любом формате, можно сохранить на сам форум и получить прямую ссылку. Если это возможно, точнее, если это будет хотя бы теоретически работать, то каков тогда должен быть синтаксис @font-face?

Severa
А что, на свой сайт скопировать шрифт никак нельзя?

banbot, к сожалению, на форумах платформы MyBB простые пользователи могут прикреплять к своим сообщениям только изображения, да и то, сервис хранения при этом используется сторонний, а администраторы форумов в админке могут заливать на свой форум только неширокий круг:

    Веб (css, js, swf, txt).
    Графика (png, jpe, jpeg, jpg, gif, bmp, ico, tiff, tif, svg, svgz, psd).
    Офис (pdf, doc, rtf, xls, ppt, odt, ods).

Вот и все разнообразие. Увы.

Severa
Тогда остается найти какой-нибудь сервер, на котором можно править заголовки HTTP, залить туда шрифты, настроить заголовок Access-Control-Allow-Origin через apache2.conf или .htaccess и указать в css-файле грузить шрифты с этого сервера.
Руководство в http://www.cssbakery.com/2010/07/fixing … in_25.html и http://stackoverflow.com/questions/2892 … own-domain

okkamas_knife, спасибо вам за наводку и идею, постараюсь разобраться и попробовать реализовать. Это интересно хотя бы с теоретической точки зрения. Но прежде пойду просить админов сервиса добавить в список разрешенных к заливке на форумы файлов еще и шрифтовые. Или хотя бы .woff. Насколько я понимаю, это было бы самым разумным. Да и наиболее мобильным - нужен новый шрифт - достаточно только перезалить готовый файл и взять для CSSок прямую ссылку. А варианты с разбором, выуживанием и обратным сбором уже будут крайними шагами, хотя, возможно, если наловчиться, это будет и не особо долго. Но тут уже стоит подумать, а не проще ли напролом - вообще картинкой, хотя я и пытаюсь всеми силами от этого уйти (причин масса, сами понимаете).

Да, за Куфон спасибо, разбираюсь, пока это кажется очень даже альтернативой.

banbot, то есть, иными словами, нужно один раз сказать форуму: "Балда, сервер в порядке, бери файлы и не ерепенься", и дальше можно подсовывать ссылки с этого ресурса, сколько влезет? Если так, то это тоже вполне мобильный вариант, главное понять, насколько трудно будет найти сервер, на котором можно править заголовки, да к тому же и выдающий прямые ссылки. Из простых и бесплатных я пока нашел только один My-Files.RU, но можно ли там заголовки править - без понятия.

Всё вернулось на круги своя. Самый простой способ, о котором вы, господин banbot, говорили - о сохранении нужного дома, реализуем, если банально и просто изменить расширение нужного файла на разрешенное к сохранению на форуме. Тогда форум видит файл, который нужно сохранить, а Мозилла потом послушно пользуется им же, беря его из дома.

По свободе обязательно попробую всё вами, господа banbot и okkamas_knife, предложенное, а пока обойдусь малой кровью. Будут результаты по остальным методам - отпишусь.

Спасибо вам всем за помощь и идеи. Вы очень помогли :-)