Полезная информация

Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.

№127-08-2012 16:19:13

slame1121
Участник
 
Группа: Members
Зарегистрирован: 27-08-2012
Сообщений: 4
UA: Firefox 14.0

font-face, шрифт на сервере

Здравствуйте, столкнулся с такой проблемой. Когда подключай шрифт с компа т.е. файлик шрифта находится возле самого 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. во всех браузерах кроме мозилы всё прекрасно отображается.

Отсутствует

 

№227-08-2012 16:32:56

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 17.0

Re: font-face, шрифт на сервере

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

Выделить код

Код:

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

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

Выделить код

Код:

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

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

Отсутствует

 

№327-08-2012 16:38:41

slame1121
Участник
 
Группа: Members
Зарегистрирован: 27-08-2012
Сообщений: 4
UA: Firefox 14.0

Re: font-face, шрифт на сервере

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

Добавлено 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)

Отсутствует

 

№427-08-2012 16:51:07

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 17.0

Re: font-face, шрифт на сервере

slame1121 пишет

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

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

slame1121 пишет

А что делать если файл находится не на том же домене?

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

Отсутствует

 

№527-08-2012 16:55:46

slame1121
Участник
 
Группа: Members
Зарегистрирован: 27-08-2012
Сообщений: 4
UA: Firefox 14.0

Re: font-face, шрифт на сервере

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

Отсутствует

 

№627-08-2012 16:58:46

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 17.0

Re: font-face, шрифт на сервере

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

Отсутствует

 

№727-08-2012 17:14:17

banbot
Moderator
 
Группа: Moderators
Зарегистрирован: 23-12-2007
Сообщений: 5249
UA: Firefox 17.0

Re: font-face, шрифт на сервере

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?

Отсутствует

 

№828-08-2012 11:59:19

slame1121
Участник
 
Группа: Members
Зарегистрирован: 27-08-2012
Сообщений: 4
UA: Firefox 14.0

Re: font-face, шрифт на сервере

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

Отсутствует

 

№915-05-2013 15:33:44

Severa
Участник
 
Группа: Members
Зарегистрирован: 15-05-2013
Сообщений: 11
UA: Firefox 21.0
Веб-сайт

Re: font-face, шрифт на сервере

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

Вот так прописано правило в Структуре 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)), что без него ничего работать не будет, но как этот сценарий управления реализовывать, так и не понял. Если у кого есть возможность помочь с этим всем разобраться, буду весьма благодарен.


Опыт – это то, что получаешь, не получив то, что хотел ©

Отсутствует

 

№1015-05-2013 16:41:05

Severa
Участник
 
Группа: Members
Зарегистрирован: 15-05-2013
Сообщений: 11
UA: Firefox 21.0
Веб-сайт

Re: font-face, шрифт на сервере

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

url('http://my-files.ru/DownloadSave/tq2z/4427269.svg#svgrurintaniaregular') format('svg'),

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


Опыт – это то, что получаешь, не получив то, что хотел ©

Отсутствует

 

№1115-05-2013 17:17:19

banbot
Moderator
 
Группа: Moderators
Зарегистрирован: 23-12-2007
Сообщений: 5249
UA: Firefox 24.0

Re: font-face, шрифт на сервере

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?

Отсутствует

 

№1215-05-2013 17:25:54

Severa
Участник
 
Группа: Members
Зарегистрирован: 15-05-2013
Сообщений: 11
UA: Firefox 21.0
Веб-сайт

Re: font-face, шрифт на сервере

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');
}

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


Опыт – это то, что получаешь, не получив то, что хотел ©

Отсутствует

 

№1315-05-2013 18:01:16

banbot
Moderator
 
Группа: Moderators
Зарегистрирован: 23-12-2007
Сообщений: 5249
UA: Firefox 24.0

Re: font-face, шрифт на сервере

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


Do you feel lucky, punk?

Отсутствует

 

№1415-05-2013 18:36:31

Severa
Участник
 
Группа: Members
Зарегистрирован: 15-05-2013
Сообщений: 11
UA: Firefox 21.0
Веб-сайт

Re: font-face, шрифт на сервере

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

скрытый текст
Метка времени: 15.05.2013 16:13:50
Ошибка: downloadable font: download failed (font-family: "rurintaniaregular" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed
source: http://my-files.ru/DownloadSave/ggn4/4427269.otf
Источник: 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: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"); }


Опыт – это то, что получаешь, не получив то, что хотел ©

Отсутствует

 

№1515-05-2013 18:56:12

Severa
Участник
 
Группа: Members
Зарегистрирован: 15-05-2013
Сообщений: 11
UA: Firefox 21.0
Веб-сайт

Re: font-face, шрифт на сервере

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

Отредактировано Severa (15-05-2013 19:05:28)


Опыт – это то, что получаешь, не получив то, что хотел ©

Отсутствует

 

№1615-05-2013 21:59:10

banbot
Moderator
 
Группа: Moderators
Зарегистрирован: 23-12-2007
Сообщений: 5249
UA: Firefox 24.0

Re: font-face, шрифт на сервере

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


Do you feel lucky, punk?

Отсутствует

 

№1715-05-2013 22:05:24

Severa
Участник
 
Группа: Members
Зарегистрирован: 15-05-2013
Сообщений: 11
UA: Firefox 21.0
Веб-сайт

Re: font-face, шрифт на сервере

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).

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


Опыт – это то, что получаешь, не получив то, что хотел ©

Отсутствует

 

№1815-05-2013 23:11:51

banbot
Moderator
 
Группа: Moderators
Зарегистрирован: 23-12-2007
Сообщений: 5249
UA: Firefox 24.0

Re: font-face, шрифт на сервере

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?

Отсутствует

 

№1916-05-2013 11:16:26

Severa
Участник
 
Группа: Members
Зарегистрирован: 15-05-2013
Сообщений: 11
UA: Firefox 21.0
Веб-сайт

Re: font-face, шрифт на сервере

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

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

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


Опыт – это то, что получаешь, не получив то, что хотел ©

Отсутствует

 

№2016-05-2013 13:45:49

Severa
Участник
 
Группа: Members
Зарегистрирован: 15-05-2013
Сообщений: 11
UA: Firefox 21.0
Веб-сайт

Re: font-face, шрифт на сервере

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

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

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


Опыт – это то, что получаешь, не получив то, что хотел ©

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]