Страницы: 1
Здравствуйте, столкнулся с такой проблемой. Когда подключай шрифт с компа т.е. файлик шрифта находится возле самого 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 пишете
потом с помощью CSS используете
При таком раскладе в работает.
Отсутствует
Спасибо за ответ, но не помогло...
Добавлено 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."
А что делать если файл находится не на том же домене?
Отредактировано slame1121 (27-08-2012 16:45:11)
Отсутствует
Спасибо за ответ, но не помогло...
Странно, у меня шрифты с Google Web Fonts цепляются.
А что делать если файл находится не на том же домене?
Сделать так, чтобы находился в том же, если это возможно.
Отсутствует
Печально…
А не вариант сделать картинкой или прилеплять вложение? (В документы шрифты интегрируются).
Отсутствует
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
Notes: Same-origin rule: By default, Firefox will only accept relative links. If you want to use absolute links or include fonts from different domains, you need to send these fonts with Access Control Headers.
Do you feel lucky, punk?
Отсутствует
Не хотелось бы создавать тему с тем же вопросом, поэтому - сюда.
Проблема та же. Есть нестандартный шрифт, который нужно подключить со стороннего ресурса (либо прописать в 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, выданный Белкой, отдельным файлом
@import url('http://my-files.ru/4wlv.stylesheet.css');
Прописывалось перед @font-face правилом. Результатов не дало.
Здесь приводили ссылки на статьи, где говорится о сценарии управления (если я правильно перевел (Access Control)), что без него ничего работать не будет, но как этот сценарий управления реализовывать, так и не понял. Если у кого есть возможность помочь с этим всем разобраться, буду весьма благодарен.
Опыт – это то, что получаешь, не получив то, что хотел ©
Отсутствует
okkamas_knife, добавлял и ссылку на .svg по вот такому образцу:
url('http://my-files.ru/DownloadSave/tq2z/4427269.svg#svgrurintaniaregular') format('svg'),
Или что вы имеете в виду, говоря о нужном, которое туда запихнуть нужно?
По поводу canvas - с беглого взгляда совсем не понял, как это можно использовать для решения задачи со шрифтами. Есть на примете доступные русскоязычные статьи на тему?
Опыт – это то, что получаешь, не получив то, что хотел ©
Отсутствует
Severa
Вот так прописано правило в Структуре style.css.
Почему используете одинарные, а не обычные кавычки в коде? Образец смотрели?
Добавлено 15-05-2013 17:18:46
okkamas_knife
заюзать canvas или svg запихнув туда нужное.
SVG-шрифты Firefox никогда поддерживать не будет.
Отредактировано banbot (15-05-2013 17:18:46)
Do you feel lucky, punk?
Отсутствует
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 есть Консоль ошибок, в которой много чего пишется.
Do you feel lucky, punk?
Отсутствует
banbot, в консоли ошибок есть сообщения о неотработавшем правиле @font-face. 4 записи, из которых три ошибки и одно предупреждение:
Метка времени: 15.05.2013 16:13:51
Ошибка: downloadable font: download failed (font-family: "rurintaniaregular" style:normal weight:normal stretch:normal src index:3): bad URI or cross-site access not allowed
source: http://my-files.ru/DownloadSave/jnhk/4427269.ttf
Источник: http://flo.mybb.ru/styles/000d/9f/a9/style.1368623597.css
Строка: 0
Исходный код:
@font-face { font-family: "rurintaniaregular"; 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"); }
Метка времени: 15.05.2013 16:13:51
Ошибка: downloadable font: download failed (font-family: "rurintaniaregular" style:normal weight:normal stretch:normal src index:5): bad URI or cross-site access not allowed
source: http://my-files.ru/DownloadSave/cr8s/4427269.woff
Источник: http://flo.mybb.ru/styles/000d/9f/a9/style.1368623597.css
Строка: 0
Исходный код:
@font-face { font-family: "rurintaniaregular"; 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"); }
Метка времени: 15.05.2013 16:13:51
Предупреждение: downloadable font: no supported format found (font-family: "rurintaniaregular" style:normal weight:normal stretch:normal src index:6)
source: (end of source list)
Источник: http://flo.mybb.ru/styles/000d/9f/a9/style.1368623597.css
Строка: 0
Исходный код:
@font-face { font-family: "rurintaniaregular"; 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"); }
Опыт – это то, что получаешь, не получив то, что хотел ©
Отсутствует
okkamas_knife, хорошо, а если пойти в обход, и с помощью fontsquirrel получить base64 шрифта в формате .woff (какой и нужен Лисе, собственно) и подключить сформированный CSS-файл импортом? CSS-файл, в отличие от файлов шрифта в любом формате, можно сохранить на сам форум и получить прямую ссылку. Если это возможно, точнее, если это будет хотя бы теоретически работать, то каков тогда должен быть синтаксис @font-face?
Отредактировано Severa (15-05-2013 19:05:28)
Опыт – это то, что получаешь, не получив то, что хотел ©
Отсутствует
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
Do you feel lucky, punk?
Отсутствует
okkamas_knife, спасибо вам за наводку и идею, постараюсь разобраться и попробовать реализовать. Это интересно хотя бы с теоретической точки зрения. Но прежде пойду просить админов сервиса добавить в список разрешенных к заливке на форумы файлов еще и шрифтовые. Или хотя бы .woff. Насколько я понимаю, это было бы самым разумным. Да и наиболее мобильным - нужен новый шрифт - достаточно только перезалить готовый файл и взять для CSSок прямую ссылку. А варианты с разбором, выуживанием и обратным сбором уже будут крайними шагами, хотя, возможно, если наловчиться, это будет и не особо долго. Но тут уже стоит подумать, а не проще ли напролом - вообще картинкой, хотя я и пытаюсь всеми силами от этого уйти (причин масса, сами понимаете).
Да, за Куфон спасибо, разбираюсь, пока это кажется очень даже альтернативой.
banbot, то есть, иными словами, нужно один раз сказать форуму: "Балда, сервер в порядке, бери файлы и не ерепенься", и дальше можно подсовывать ссылки с этого ресурса, сколько влезет? Если так, то это тоже вполне мобильный вариант, главное понять, насколько трудно будет найти сервер, на котором можно править заголовки, да к тому же и выдающий прямые ссылки. Из простых и бесплатных я пока нашел только один My-Files.RU, но можно ли там заголовки править - без понятия.
Опыт – это то, что получаешь, не получив то, что хотел ©
Отсутствует
Всё вернулось на круги своя. Самый простой способ, о котором вы, господин banbot, говорили - о сохранении нужного дома, реализуем, если банально и просто изменить расширение нужного файла на разрешенное к сохранению на форуме. Тогда форум видит файл, который нужно сохранить, а Мозилла потом послушно пользуется им же, беря его из дома.
По свободе обязательно попробую всё вами, господа banbot и okkamas_knife, предложенное, а пока обойдусь малой кровью. Будут результаты по остальным методам - отпишусь.
Спасибо вам всем за помощь и идеи. Вы очень помогли :-)
Опыт – это то, что получаешь, не получив то, что хотел ©
Отсутствует
Страницы: 1