ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Внимание! Объявлены спойлеры о новом проекте "Ролевой информатор" читать часть 1 и часть 2.

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

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



Подгрузка шрифтов

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

1

Начало было тут, и мне любезно помогли разобраться в схеме работы свойства css3 @font-face.
.
После исправления указанной mintemero неточности на моего компьютере, где и верстается дизайн, во всех мало-мальски знакомых браузерах (ФФ, Опера, ИЕ, Хром, Интернет, Сафари, Лунаскейп) инструмент заработает на ура. Но при проверке с других машин выяснилось, что что инструмент отрабатывается верно только в Опере и Хроме (Сафари, Интернет и Луна не проверялись), но в ФФ и ИЕ - шрифт на заданный не меняется.
.
Чтобы было заметно, шрифт брался с загогулинами - Rurintania Regular. Как было сказано здесь, необходимо прописывать пути к нескольким файлам одного и того же шрифта, чтобы все браузеры смогли верно отработать свойство. Еще было сказано, что .eot - тип файлов, используемый ИЕ, однако именно в этом браузере подгрузка шрифта не происходит, а тот же он-лайн конвертер шрифтов или даже FontExpert - вообще не знают такого типа файлов.
.
Вот код:

Код:
/* E1 Подключаемые шрифты
-------------------------------------------------------------*/
@font-face {
    font-family: Rurintania; /* имя шрифта для CSS правил */
    src: local("Rurintania"), /* проверяем наличие шрифта в ОС пользователя */
    url(http://my-files.ru/DownloadSave/jnhk/4427269.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
    url('http://www.aris-tv.ru/wp-content/themes/defaul/fonts/rurintania.eot'); /* Указываем местонахождение шрифта в формате .eot */
    url('http://my-files.ru/DownloadSave/ggn4/4427269.otf');/* Указываем местонахождение шрифта в формате .otf */
}

Стоит в самом низу Структуры стилей.
.
Кто сможет помочь разобраться, почему в одних браузерах все отрабатывается, как положено, а в других - нет. Дело в ссылках? В файлах? В недостающем/неправильном/лишнем коде?
.
Заранее благодарю за помощь.

0

2

Severa
вы, когда перечисляете url, ставьте запятые, а не точки с запятой.

/* E1 Подключаемые шрифты
-------------------------------------------------------------*/
@font-face {
    font-family: Rurintania; /* имя шрифта для CSS правил */
    src: local("Rurintania"), /* проверяем наличие шрифта в ОС пользователя */
    url(http://my-files.ru/DownloadSave/jnhk/4427269.ttf), /* если шрифт не установлен, тогда загружаем его по указанному пути */
    url('http://www.aris-tv.ru/wp-content/themes/defaul/fonts/rurintania.eot'), /* Указываем местонахождение шрифта в формате .eot */
    url('http://my-files.ru/DownloadSave/ggn4/4427269.otf');/* Указываем местонахождение шрифта в формате .otf */
}

Отредактировано mintemero (09.05.13 18:49)

Подпись автора

http://s3.uploads.ru/r9Miq.gif

0

3

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

АПД: Нет. Если дело было в этом, то, оказывается, не только в этом.

0

4

У меня все работает, но это из-за того, что этот шрифт был установлен у меня ранее.
Severa
Пробуем. Если все равно не получается, перезалейте файлы в админку.

Код:
@font-face {
        font-family: 'Rurintania';
        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');
}
Подпись автора

http://s3.uploads.ru/r9Miq.gif

+1

5

mintemero, надо придумать наглядный стиль, которого у вас нет...
ИЕ - справился, а Лиса - ни в какую. Хотелось бы теперь снова проверить Оперу и Хром на всякий случай, но ставить на вторую машину браузеры не могу, ибо не моя. Жду сторонней помощи с проверкой, но уже за одну идею сохранить всё это добро в админке вас надо на руках носить.
Пока жду помощи, залью-ка я файлы в админку...

0

6

mintemero, *сдулся* Среди разрешенных типов файлов шрифты и рядом не валяются. Их даже выбрать нельзя. Увы, шикарная идея ушла в тундру.

0

7

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

а Лиса - ни в какую.

Для огнелиса есть формат .woff, которого у вас в списке файлов нету.

Набрела на подходящую статью: http://cssing.org.ua/2009/10/24/font-face/

Сейчас попробую удалить файл со шрифтом и посмотреть.

Подпись автора

http://s3.uploads.ru/r9Miq.gif

0

8

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

Сейчас попробую удалить файл со шрифтом и посмотреть.

Хром, опера, сафари - полет нормальный.

В огнелесе и ослике не пашат:/

Подпись автора

http://s3.uploads.ru/r9Miq.gif

0

9

mintemero, уффф, так, спасибо вам больщущее за статью, полезно весьма и весьма. Взял на заметку, сохранил в закладки, буду пользоваться.
Пришли вести с полей. Опера по-прежнему умница, ИЕ - пришлось быть умницей, свойство исполняется, Лиса - поганка. Сейчас попытаюсь сконвертировать для нее этот .woff

Код:
@font-face {
   font-family: 'Rurintania';
   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('Web Open Font Format');
}

http://uploads.ru/i/p/5/O/p5OIG.gif ФФ все так же не фурычит

0

10

mintemero, странное дело. А у меня на второй машине и по руке помощи извне - ослик справляется. Если всё это удастся победить, стоит вынести это в как-то урок...

0