Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Архив » Проблемы с подгрузкой шрифтов.


Проблемы с подгрузкой шрифтов.

Сообщений 1 страница 8 из 8

1

http://polygon.rusff.me/

@font-face ставится через отдельный файл https://forumstatic.ru/files/0010/b1/9a/47056.css , содержимое которого раньше было в основном файле стилей. Шрифт нормально работает в Opera и Google Chrome, не пашет в Mozilla Firefox. Пробовал одинарные кавычки, пробовал через двойные. Один из файлов шрифтов загружен на форум (формат svg), остальные на сторонний ресурс.

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

MDN

In Gecko, web fonts are subject to the same domain restriction (font files must be on the same domain as the page using them), unless HTTP access controls are used to relax this restriction.

https://developer.mozilla.org/en-US/docs/CSS/@font-face

Формат svg, как оказалось, не поддерживается в Mozilla Firefox (пруф.) Отсюда резонна просьба запилить на платформе закачку хотя бы формата woff.

Отредактировано Януш (20.12.2012 20:21:28)

0

2

Януш
Да, вы правы, Mozilla не поддерживает со сторонних хостингов шрифты. Недавно еще работало.
Попробуйте Google web fonts не думаю, что проблемы быстро разрешится.

0

3

sadhaka
Печально же, но ладно.

0

4

Януш
Итак. Мозилла не то чтоб параллельно ведёт себя к другим шрифтам - нужно знать, как правильно это оформить. Во-первых, зайдите на ваш форум и посмотрите в консоли ошибки мозиллы (Ctrl + Shift + J) на что ругается Мозилла.
Вот, что есть на оф. сайте Мозиллы:

@font-face {
  [font-family: <family-name>;]?
  [src: [ <uri> [format(<string>#)]? | <font-face-name> ]#;]?
  [unicode-range: <urange>#;]?
  [font-variant: <font-variant>;]?
  [font-feature-settings: normal|<feature-tag-value>#;]?
  [font-stretch: <font-stretch>;]?
  [font-weight: <weight>];
  [font-style: <style>];
}

Попробуйте так-же ординарные ковычки для названия, или вовсе убрать их.
Как вы понимаете, src будет подгружать сам шрифт. Даже если дать вам возможность загружать в файлы форматы шрифтов, это не изменит проблему, т.к. вы ошибаетесь, если думаете, что Мозилла поймёт шрифт, если он будет на вашем форуме. Один лишь .swf (то бишь флеш) файлы для чтения ищет на локалке, остальные подгружаются и со сторонних серверов. Ошибка явно в синтаксисе, если другие браузеры понимают, а Мозилла нет.

Пример работающего запроса:

Код:
@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"),
  local("HelveticaNeue-Bold"),
  url(MgOpenModernaBold.ttf);
  font-weight: bold;
}

Если обратить внимание на src, то Мозилла подгружает тут файл из локалки. Попробуйте сделать так, чтобы он подгружал не с локалки (которая на форумах майбб вряд-ли будет восприниматься правильно, браузер может искать и в домене сервиса). Если указать адрес сервера и url, тогда он может понять. Вам нужен уникальный url, то есть в идеале это будет так:
domain.ru/shrift.ttf
Попробуйте загрузить файл на народ или ещё какой-нибудь сервис, который сможет предоставить вам прямую ссылку на файл, без подгрузки и желательно без древовидной директории, а прямой.
Надеюсь, вы не забыли подгрузить этот шрифт. Пример:

Код:
body { font-family: "Bitstream Vera Serif Bold", serif }

Добавлено спустя 4 минуты 6 секунд:
Так-же для Мозиллы рекомендуют использовать формат .woff

Код:
@font-face {
        font-family: 'PT Sans'; 
        src: url('pts55f.eot'); 
        src: local('PT Sans'), url('pts55f.woff') format('woff'), url('pts55f.ttf') format('truetype');}
 
 h2.style1 {font-size: 48px; line-height:normal; font-family: 'PT Sans'; font-weight: bold; font-style:italic;}

Проверьте, может так заработает.

Отредактировано summer (21.12.2012 01:05:23)

0

5

Януш

sadhaka написал(а):

Попробуйте Google web fonts

в мозиле работает 100%
но не работает в опере Х)

Отредактировано Герда (21.12.2012 02:50:04)

0

6

summer написал(а):

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

local - не имеет никакого отношения к локалке. Этот параметр проверяет установлен ли шрифт в системе пользователя и если установлен, то берет его оттуда, а не подгружает извне.

На самом деле с 5ой версии браузера Mozilla Firefox есть такое ограничение по безопасности. Его можно снять у конкретного пользователя, но обойти его централизовано не выходит. Остается либо забить на мозиллу, либо использовать google web fonts.

summer
Если Вам удалось обойти его, дайте, пожалуйста, ссылку на пример :)

По поводу расширения списка поддерживаемых загрузкой форматов я спросила, жду ответа.

0

7

Януш
победить лису удалось таким образом.

1. Идем на сайт http://www.fontsquirrel.com/fontface/generator
2. Загружаем туда ttf-файл шрифта
3. Выбираем опцию Expert
4. Из форматов выбираем eot, ttf, svg
5. В настройке css выбираем Base64 Encode

http://s3.uploads.ru/X0nL3.jpg

6. Ставим галку, что мы использовали легальный шрифт и жмем download
7. Ждем, сохраняем.
8. Файлы из архива svg и eot загружаем куда-нибудь.
9. Открываем из архива файл stylesheet через блокнот или любой хтмл-редактор.
10. Вписываем в нужные места ссылки на svg и eot, trutypе оставляем как есть.
11. Загружаем файл на форум и импортируем его в css.
12. Все, можем пользоваться :)

http://skyeycat.rusff.me/

Отредактировано sadhaka (24.12.2012 19:05:25)

+1

8

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

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Архив » Проблемы с подгрузкой шрифтов.


Рейтинг форумов | Создать форум бесплатно