Проблема с @font-face

[Chervontsev]

Добрый день

Вроде как много где пишут, про использование любых шрифтов через стиль @font-face. Но вот чего-то в Opera 9, 10 не работает

Может я делаю что-то не так?

@font-face {
  font-family: "Vesna";
  src: url(../font/Vesna.eot); /* for IE6-8 */
  src: local("Vesna"), url(../font/Vesna.ttf) format("truetype"); /* for Firefox 3, Safari */
}
html, body {
  font:normal 23px "Vesna";
}

Вот сайт: Посетить мою домашнюю страницу

Edited December 15, 2009 by Chervontsev

[hf3]

использовать svg шрифт

[aaiirriiss]

Проблема решается включением на сервере файлов .svg c mime типом font/svg+xml

Скажите плз поподробнее как включить svg сервере.

У меня проблема тоже с Оперой 10.60

Шрифт сгенерирован в http://www.fontsquirrel.com/fontface/generator

@font-face {
font-family: 'MyriadProBoldCondensed';
	src: url('font/myriadpro-boldcond-webfont.eot');
	src: local(''), 
	url('font/myriadpro-boldcond-webfont.woff') format('woff'), 
	url('font/myriadpro-boldcond-webfont.ttf') format('truetype'), 
	url('font/myriadpro-boldcond-webfont.svg#webfontR5dsJ540') format('svg'), 
	url('font/myriadpro-boldcond-webfont.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
			}

и везде отображается кроме Оперы...

http://aaiirriiss.ru/pr_verstki/kafe/font/demo.html

так же из инета скаченный пример

http://aaiirriiss.ru/font-face-ili-nazad-v...hhee/index.html

он работает и в опере, но в чем разница его кода и моего я понять не могу

[RuSS]

Хорошие люди сделали Шрифтовую белку, заходите загружаете шрифт, ставите галочку напротив "Yes, the fonts I'm uploading are legally eligible for web embedding.", скачиваете архив с файлами шрифтов и примером, копируете файлы и код куда нужно и все работает кроссбраузерно

[danik.html]

народ, не могу найти ничего по этому вопросу. сам третий день пытаюсь научить оперу этому делу... локальный файл нормально отображается(только если в пути нет кириллицы) а с сервака не хочет никак... я и mime-типы прописывал все, серавно все колом... блин, ненавижу оперу! хотя сам ща на ней сижу ))

опера 10.6

[Vlad]

Остальные браузеры шрифты нормально показывают?

[danik.html]

да, Vlad, проблема только с оперой (v10.62, winXP). До проблемы стояла 10.5, столкнулся с проблемой, обновил - проблема осталась.

Все примеры которые нашел в сети, все что используют font-face - не работают. Помню раньше баловался этой директивой (или что это - не знаю), в опере 9с чемто работало нормально. В инете инфы нет толком, вот только у вас на форуме нашел обсуждение темы.

Интересует от чего зависит работоспособность font-face'а в опере, и много ли опер не будут мой font'face отображать. Может гдето есть инфа от производителя оперы чтоли..

Главное в локальном файле работает, правда в пути не должно быть кириллицы, или мож какое другое ограничение, главное что D:\index.html работает.

И то, если font-family: 'My Font Family' прописано не в css файле а в index.html то при рефреше страницы шрифт пропадает.

Возился с денвером, настроил Content-type следующим образом:

AddType application/x-font-truetype .ttf

#AddType font/truetype .ttf

AddType font/svg-xml .svg

В firebug смотрел, заголовок Content-type становится правильным. Но опера всеравно не захавывает шрифт. В dragonfly видно что она даже не запрашивает его с сервера. ИИИзредка после изменения css-файла мелькал запрос то .eot файла, то .ttf но шрифт всеравно не отображался. если есть какаянить инфа, прошу поделиться...

[hf3]

Пишите баг - репорты. Долбите разрабов. Иначе никак.

[Vlad]

Похоже какой-то баг в Опере. Вот пример прямиком "от создателей Оперы". Работает в 10.60 криво.

http://devfiles.myopera.com/articles/695/webfonts.html

Вот ссылка на этот пример и описание работы. Ничего нового.

http://dev.opera.com/articles/view/standar...ta-ru/#webfonts

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

[hf3]

Им в блоге про шрифты писали ещё с первых бэт 10.50. 0 внимания.

[psywalker]

Им в блоге про шрифты писали ещё с первых бэт 10.50. 0 внимания.

Да им плевать на вашу писанину, не тратьте время. У них баги не исправлены ещё с 9 версии, а вы хотите, чтобы новые правили. Забудьте.

[s0rr0w]

Им в блоге про шрифты писали ещё с первых бэт 10.50. 0 внимания.

Пока спека не готова, это будут править в последнюю очередь

[danik.html]

Да. так и есть - пример не работает ((

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

Ща глянул статистику http://www.liveinternet.ru/stat/ru/browsers.html - оперы 10 не менее 20%.. циферка большая, придется отказаться от @font-face в пользу cufon'а, что опять же сужает сферу применения кастомного шрифта. Или как вариант - куфонить шрифт только в опере. Вот уж не думал что придется такие костыли для оперы делать....

[old_graff]

Решение проблемы с оперой.

Уберите шрифт в формате TTF, оставьте только SVG или указывайте SVG шрифт перед TTF в стилях.

[Vlad]

Это не решение проблемы, а костыль. Баг в самой Опере и с этим только ее разработчики справятся.

[old_graff]

Мда. SVG шрифты в опере крайне косячные, вернул как было и... заработало.

Я в этом мире ничего не понимаю.

@font-face {
	font-family: 'ParisianNormal';
	src: url('../fonts/parisian-webfont.eot');
	src: local('Parisian'), local('ParisianNormal'),
	url('../fonts/parisian-webfont.woff') format('woff'),
	url('../fonts/parisian-webfont.ttf') format('truetype'),
	url('../fonts/parisian-webfont.svg#webfontGlHiL3hu') format('svg');
	font-weight: normal;
	font-style: normal;
}

Opera 10.62, Windows 7.

[danik.html]

Люди, козните меня пожалуйста (((

На самого себя рука не подымается...

Все работает путем(ну может и не совсем) - но нужно ОТКЛЮЧИТЬ ТУРБОЯДЕРНЫЙ РЕЖИМ !!!!

так как сижу на gprs-модеме, то этот режимчик сдорово выручает. Но вот в тестах с @font-face я о нем тупо забыл (((

Так чё, жисть теперь снова стала красочной !

[hf3]

Он тут не причем.

Я им не пользовался однакож проблема есть.

[danik.html]

Он тут не причем.

Я им не пользовался однакож проблема есть.

Да, погорячился я. Проблема есть. Но добиться отображения в опере можно. Косяк в том что она понимает только svg-шрифт, но не каждый такой шрифт в ней корректно отображается.

Прикол в том что опера таки понимает форматы ttf и otf, но только если открывать страницу как локальный файл(file://), а вот с сервера не хочет...

С svg во-первых косяк они плохо отображаются, во-вторых, некоторые вообще конкретно глючат - слова обрезаются наполовину, при этом тот же google chrome отображает данный шрифт нормально. Или тот же шрифт, но в ttf опера тоже отображает нормально ( но только по протоколу file:// )

Как я понимаю проблема будет еще долго решаться...Обидно однако...В обще в опере глюков с font-face куча, уже столько раз спотыкался...довелось работать с font-face-правилами на js - там все еще хуже...

[sifilis]

Чтобы темы не плодить, отпишусь здесь.

Для подгрузки шрифтов есть хорошее средство в виде @font-face, которое, к сожалению, не поддерживается в Opera младше версии 10 и в Firefox младше версии 3.5.

Есть ли какой аналог @font-face для Opera 9.5 и Firefox 3.0, чтобы можно было подгрузить SVG-файл шрифта (помимо использования Cufon для отображения нужного шрифта)?

[Great Rash]

Нет

[sifilis]

А вот ещё вопрос. У меня в @font-face указана подгрузка EOT и TTF файлов шрифта. Есть ли смысл использовать дополнительно WOFF и SVG файлы шрифтов, если OET и TTF нормально используются браузерами Safari 4+, Chrome 7+, IE6+, Opera 10.5+, Firefox 3.5+?

Edited April 27, 2011 by sifilis

[Great Rash]

Есть если хотите поддерживать максимум браузеров (в том числе и старых).

[sifilis]

И ещё вопрос. Если в src подключаемые файлы перечислены в порядке: EOT, WOFF, TTF, то браузеры с поддержкой WOFF будут загружать только WOFF-файл или все файлы шрифта одновременно?

[klierik]

каждый загружает последнее то что умеет

[Great Rash]

sifilis, советую к прочтению.

И вообще.