Внедрение своих шрифтов на сайт (опрос + решение)

[Infosakh]

ёперный театр, удалось все таки запустить этот фонт-фэйс, но показывает он только в лисе, в IE, в опере не хотит 

[danik.html]

И в чем был косяк? Проверь пути к файлам. Не понял, в ie показывает или нет?

[Infosakh]

косяк был именно в путях, я нажал на сеть и поглядел что там грузит, и вот как раз этот шрифт писал что еррор, не может загрузить. Пытался грузить не с папки fonts, которую я создал в каталоге шаблона сайта, а пытался грузить с папки CSS каталога шаблона. Хотя я прописал в CSS файлике путь ../fonts/название шрифта
Вообщем не долго думая закинул шрифты в папку CSS и они начали отображаться в стиле H3. Но в опере не показываются  В IE, в Лисе все ок

[danik.html]

А случайно в опере не стоит режим "Турбо"?

[Infosakh]

нее, у мну безлимит и нормальная скорость, турбо не пользуюсь 

[Infosakh]

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

[danik.html]

Обнаружил пару проблем с font-face в опере (10.62)...
Первое - если в src сначала указан не-svg шрифт - опера не отображает. шрифт. Правится легко - ставим svg на первое место.
Второе - в некоторых случаях если font-family указан как перечисление, например 'MyNiceFont', 'Tahoma', sans-serif, то опера не отображает нужный шрифт. Это происходит не во всех случаях, однако приходится ограничиться указанием только одного шрифта, без альтернативных...
Надесюь в новых версиях эти баги устранят.

Ах да, как минимум первый баг обнаруживается только если открывать страничку с сервера. Если открыть как файл (file://) то бага нет...

[rewuxiin]

подобную фичу применил на форуме. оказалось всё намного проще. нужно лишь ttf. - для всех браузеров и oet. для эксплоера.

кстати сайт-конвертор указанный в шапке почему то удаляет русские шрифты.

единственный браузер который отказался их читать это опера сборки AC

[rewuxiin]

хм. почему сайт полность прочитал подгруженный шрифт и весь шаблон им нарисовал?

[Infosakh]

может кто подскажет какие прикольные есть шрифты, в стиле ну например фэнтази, графити  З.Ы, Желательно чтобы и кирилица была и латиница

[IgorArhangel]

а как добавить сразу 4 шрифта?

[lista]

что-то полезное для любой дизайнер Interent вы можете найти на этом сайте free font download

[dartl]

Так... Установил всё, как сказано, уникальный шрифт игры Warcraft, специально поменял цвет у тэга p  и написал туда, что бы поменять шрифт, вот что получилось:
@font-face {
    font-family: 'FritzQuadrataCyrillicRegular';
    src: url('frizqt-webfont.eot');
    src: url('frizqt-webfont.eot?#iefix') format('embedded-opentype'),
         url('frizqt-webfont.woff') format('woff'),
         url('frizqt-webfont.ttf') format('truetype'),
         url('frizqt-webfont.svg#FritzQuadrataCyrillicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
p { font-family: 'FritzQuadrataCyrillicRegular', sans-serif;
color:#f57433;
margin: 0 0 2em;}

Сайт вот и там же можно посмотреть результат применения шрифта:http://warcraft.afoog.ru/
Может я где-то неправильно что-то сделал? Или дело в шрифте, который я выбрал, очень надеюсь на помощь, хотелось бы установить этот шрифт на сайт, зарание всем кто поможет спасибо

[pronext]

Доброго всем времени суток!
Пытаюсь внедрить шрифт осетинского языка на сайт. Все никак не получается. Помогите пожалуйста. Я в этом деле чайник, вот код состряпал. Подправьте пожалуйста и куда его воткнуть то? в template.css шаблона?

@font-face
{
    font-family: 'ArialNarrow';
    src: url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnbi-webfont.eot');
    src: url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnbi-webfont.woff') format('woff'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnbi-webfont.ttf') format('truetype'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnbi-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face
{
    font-family: 'ArialNarrow';
    src: url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/sarialnb-webfont.eot');
    src: url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnb-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnb-webfont.woff') format('woff'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnb-webfont.ttf') format('truetype'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialnb-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face
{
    font-family: 'ArialNarrow';
    src: url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialn-webfont.eot');
    src: url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialn-webfont.woff') format('woff'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialn-webfont.ttf') format('truetype'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialn-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face
{
    font-family: 'ArialNarrow';
    src: url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialni-webfont.eot');
    src: url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialni-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialni-webfont.woff') format('woff'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialni-webfont.ttf') format('truetype'),
         url('http://xn--h1adgafdzif.su/templates/rhuk_milkyway/font/arialni-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

[danik.html]

подобную фичу применил на форуме. оказалось всё намного проще. нужно лишь ttf. - для всех браузеров и oet. для эксплоера.

кстати сайт-конвертор указанный в шапке почему то удаляет русские шрифты.

единственный браузер который отказался их читать это опера сборки AC

Нет, не проще. Я в первом посте расписывал какие шрифты кому нужны. Так что нужно использовать генератор на который я ссылку давал. Насчет русских символов - это все настраивается в генераторе.

[Equilibrium07]

 


 

[renat56]

Всем привет! Вот неплохой (ссылка ниже) ЛикБез по установке стороннего шрифта в шаблон. В данном случае я все проделал с шаблоном Yoo Nano. И через несколько часов освоения всего этого, произошло чудо,  все получилось!

P.S. Это мой первый сайт на Joomla, опыта всего неделю:)

http://www.yootheme.com/themes/documentation/customizing/add-new-css-js-or-fonts

[Efanych]

А где шрифты нужные скачивать? Есть надёжные ресурсы? Ну, чтоб не получилось, что он платный, а я бесплатно скачал...

[danik.html]

Добавил в шапку темы информацию по Google webfonts.

А где шрифты нужные скачивать? Есть надёжные ресурсы? Ну, чтоб не получилось, что он платный, а я бесплатно скачал...

Например, теже самые описанные в шапке сервисы: fontsquirrel и Google webfonts.

[myrka]

А у меня в www.fontsquirrel.com при добавлении шршифта выдаёт ошибку((
The font "Micra Bold" is corrupt and cannot be converted
Почему шрифт не хочет генерироватся((

[demane]

Та же хрень. Обидно.

[demane]

Всем привет! Вот неплохой (ссылка ниже) ЛикБез по установке стороннего шрифта в шаблон. В данном случае я все проделал с шаблоном Yoo Nano. И через несколько часов освоения всего этого, произошло чудо,  все получилось!

P.S. Это мой первый сайт на Joomla, опыта всего неделю:)

http://www.yootheme.com/themes/documentation/customizing/add-new-css-js-or-fonts

Друг, если у тебя получилось расскажи народу по русски, а?

[danik.html]

А у меня в www.fontsquirrel.com при добавлении шршифта выдаёт ошибку((
The font "Micra Bold" is corrupt and cannot be converted
Почему шрифт не хочет генерироватся((

Не встречался с такой ошибкой. Встречался с другой - при попытке конвертации, например Calibri ( с недавнего времени ). В общем сейчас сделали проверку шрифтов на условия владельцев шрифтов.
Вот тема на stackoverflow.com где перечислены альтернативные онлайн-генераторы, а также способ удаления информации с шрифта так, чтоб fontsquirrel его не распознала.

[myrka]

Не встречался с такой ошибкой. Встречался с другой - при попытке конвертации, например Calibri ( с недавнего времени ). В общем сейчас сделали проверку шрифтов на условия владельцев шрифтов.
Вот тема на stackoverflow.com где перечислены альтернативные онлайн-генераторы, а также способ удаления информации с шрифта так, чтоб fontsquirrel его не распознала.

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

[danik.html]

Возможно из шрифта вырезаются кириллические символы. Это настраивается в опциях.