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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

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

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

Предложения
Внимание! Проходит конкурс Дарим позитив. Главный приз самому позитивному - 1000 РУБЛЕЙ!

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

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



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

Сообщений 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.2013 18:49:30)

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

+1

5

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

0

6

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

0

7

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

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

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

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

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

0

8

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

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

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

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

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

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."