Интеграция собственного шрифта

[dron]

День добрый! Скажите пожалуйста, как можно интегрировать собственный шрифт на страницы сайта? В каких браузерах это работает?

Заранее спасибо!

[LunatiK]

Вот тут вроде бы понятно всё описано, но я бы(как и многие здесь) вам не рекомендовал использовать нестандартные шрифты на странице.

[Dimitry Wolotko]

Так, всякой фигнёй перестаём заниматься и делаем так:

http://www.mikeindustries.com/blog/sifr/

http://cufon.shoqolate.com/generate/

И гуглим - подобных решений несколько.

[dron]

оооо! огромное спасибо! я не силен в английском, расскажите, пожалуйста, кто юзал сей скрипт, как у него поддержка различных браузеров???

[mishka]

http://markup-javascript.com/2009/05/10/cu...rtnyx-shriftov/

Штука - супер. Мне понравилась больше чем сифр. Один только минус - сложно сгенерировать шрифт локально.

[dron]

блин... у меня шрифт коммерческий. ниче не выходит............

[mishka]

Все должно полуится. Читай внимательнее.

Поставь галочки:

The EULAs of these fonts allow Web Embedding (without Adobe Flash)

I acknowledge and accept these terms

[BassEast]

http://markup-javascript.com/2009/05/10/cu...rtnyx-shriftov/

Штука - супер. Мне понравилась больше чем сифр. Один только минус - сложно сгенерировать шрифт локально.

не понравилось.. Минус второй: 2. Создаётся впечатление, что это не текст, а картинка.. ну, куда это годится?

[Dimitry Wolotko]

не понравилось.. Минус второй: 2. Создаётся впечатление, что это не текст, а картинка.. ну, куда это годится?

Зато выделяется и копируется. Свою задачу делает.

[BassEast]

Зато выделяется и копируется. Свою задачу делает.

у меня не выделяется. Окружение FF

[dron]

блин, ребят, чета у меня нифига не выходит... может я что-то не так делаю???

Основной файл шрифта

Второй файл шрифта

странный файл шрифта. копирую его, куда-нить и тут же копируется второй файл, хотя я его вообще не видел!!!

попробуйте, плиз, кому не лень. если вдруг получится, объясните, пожалуйста, как именно...

заранее спасибо!

[mishka]

не понравилось.. Минус второй: 2. Создаётся впечатление, что это не текст, а картинка.. ну, куда это годится?

Ну дык это аналог сифра, но как по мне так лучше. Вы что неработали с сифром (sIFR)? http://www.mikeindustries.com/blog/sifr/

Текст ксожалению выделяется и копируется только в сафари и хроме.

Есть аналг куфону typeface ( http://typeface.neocracy.org/ ), тут текст выделяется, и мне он понравился больше куфона, до тех пор пока я необнаружил проблемы с отображением в опере.

Естественно - применять это для всего текста нестоит. А вот для тайтлов вполне.

блин, ребят, чета у меня нифига не выходит... может я что-то не так делаю???

Постучи ко мне в аську.

Edited September 11, 2009 by mishka2

[lyapiss]

Ну дык это аналог сифра, но как по мне так лучше. Вы что неработали с сифром (sIFR)? http://www.mikeindustries.com/blog/sifr/

Текст ксожалению выделяется и копируется только в сафари и хроме.

Есть аналг куфону typeface ( http://typeface.neocracy.org/ ), тут текст выделяется, и мне он понравился больше куфона, до тех пор пока я необнаружил проблемы с отображением в опере.

Естественно - применять это для всего текста нестоит. А вот для тайтлов вполне.

Постучи ко мне в аську.

кстати, а текст в typeface'е нормально индексируется?

[BassEast]

нафига это всё нужно?

ну, не дано внедрять те шрифты, которые мы хотим использовать, зачем код серить ради этого? + к тому же мозг тем, кто привык к стандартным шрифтам.

Edited September 14, 2009 by BassEast

[mishka]

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

[lyapiss]

так что по поводу индексации текста в typeface?

[s0rr0w]

так что по поводу индексации текста в typeface?

Вы бы сели и самостоятельно разобрались с данной технологией, и больше не задавали бы детских вопросов.

[Dimitry Wolotko]

у меня не выделяется. Окружение FF

Просто бага, этого не видно, но текст выделяется. Проблема на всех Gecko движках, пока что.

так что по поводу индексации текста в typeface?

Всё индексируется.

[dron]

все, мне помогли и я во всем разобрался. кому нужно выкладываю инструкцию:

1. выбираем шрифт

2. с помощью вот этого сайта http://cufon.shoqolate.com/generate/ генерируем код. тут необходимо указать файл шрифта на вашем диске и поставить галочки:

The EULAs of these fonts allow Web Embedding (without Adobe Flash) и I acknowledge and accept these terms

3. получим файл (или код, который сохраняем как файл) .js.

4. с того же сайта качаем скрипт (кнопка Download).

5. кидаете на сервак в папку cufon (по умолчанию) два этих файла + файл скрипта.

6. затем в коде страницы прописываете:

<script src="cufon/cufon-yui.js" type="text/javascript"></script>

<script src="cufon/файл_скрипта_шрифта.js" type="text/javascript"></script>

<script type="text/javascript">

/* <![CDATA[ */

Cufon.replace('h1',{

fontFamily:'Nokia'

});

/* ]]> */

</script>

по умолчанию этот код задает тегу H1 ваш шрифт. Тут же можно указывать дополнительные стили для шрифта.

Усё! Огромное спасибо mishka2!!!

[mishka]

еще одно наставление:

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

[Dimitry Wolotko]

Если использовать какой-нибудь уникодовый шрифт, лучше поотключать всякие иероглифы и арабскую вязь - на выходу файлик будет легче.

[locky]

IMHO - оптимальный вариант, это использовать @font-face для тех браузеров, которые его поддерживают. Остальные, наверное не сильно огорчатся) Вот пример работы @font-face.

Повторяюсь, это ИМХО.

[Justnewone]

IMHO - оптимальный вариант, это использовать @font-face для тех браузеров, которые его поддерживают. Остальные, наверное не сильно огорчатся) Вот пример работы @font-face.

Повторяюсь, это ИМХО.

Можно еще прелоадить шрифт.