Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Нестандартные шрифты


Автор: mcTep 11.6.2010, 13:30
Здравствуйте. 
Мне необходимо на сайт добавить нестандартные шрифты.
Почитал статью про то, как «http://www.coolwebmasters.com/tutorials/319-how-to-achieve-cross-browser-font-face-support.html». Посмотрел тамошний http://themeforest.s3.amazonaws.com/133_font/demo/demo.html, и.. О, счастье! Работает везде.

Все бы хорошо, пока я не начал экспериментировать с другими шрифтами. Кое-где кое-какие шрифты отображаются, а где то нет, везде по разному, но систематики я не выделил. Лучше всего себя повел Safari под windows, отобразил все шрифты, на которые у меня хватило терпения. 

Результаты: 
http://www.kirsle.net/wizards/ttf2eot-temp/cb16a8f3b650009f53b0a7e4cd262357/nitemare.eot - Google Chrome, Opera, Safari
http://xfont.ru/fonts/4/2/1/42103.ttf - FF, Opera, Safari
http://xfont.ru/fonts/1/1/8/11830.ttf - Safari
Я так понял, что у шрифтов есть система лицензирования, но как она работает я так и не понял? Может кто-нибудь рассказать что делать? Может надо купить шрифты? Или еще что то сделать? И почему браузеры себя так ведут?

Спасибо.

Автор: bars80080 11.6.2010, 14:36
а бесплатными пользовались? там ссылка есть



п.с. на сайт по ссылке "Как достичь кросс-браузерной поддержки @font-face" ругается касперский, будьте осторожны

Автор: mcTep 11.6.2010, 16:06
Вот http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/ на английском языке.

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

Автор: mcTep 11.6.2010, 17:13
Кажется что то раскопал «http://webcrunch.ru/news/2010/06/04/type-and-the-web/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+webcrunchnews+(WebCrunch+|+%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8)»

Автор: mcTep 11.6.2010, 18:19
Но с кириллическими шрифтами проблема остается.

Автор: mcTep 11.6.2010, 19:06
Оказывается, я использовал неправильный конвертор. 
Вот http://www.fontsquirrel.com/fontface/generator кошерный.

Автор: magelan 15.6.2010, 13:37
Увы, пока нельзя управлять "размытием" шрифтов из браузера, все подгружаемые шрифты не относящиеся к группе sans-serif выглядят весьма убого.

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

Сейчас уже можно отрезать png файл с полным набором букв и приписать к нему CSS, который выставит для каждой буквы смещение и размеры. Есть конечно свои ограничения и проблемы в построении кода, но выглядеть будет весьма приличнее технологии @font-face.

Автор: bars80080 15.6.2010, 13:41
Цитата(magelan @  15.6.2010,  13:37 Найти цитируемый пост)
Сейчас уже можно отрезать png файл с полным набором букв и приписать к нему CSS, который выставит для каждой буквы смещение и размеры. Есть конечно свои ограничения и проблемы в построении кода, но выглядеть будет весьма приличнее технологии @font-face. 

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

или речь идёт о постзагрузочной замене текста на набор картинок средствами javascript?

Автор: magelan 15.6.2010, 15:36
Все зависит от количества текста. Если нужны только заголовки, телефоны и т.п. вставки - можно и сразу HTML построить, если речь про контентное наполнение, я бы взял уже стандартные для веба: тахому, вердану, джоржию на крайняк, и не заставлял бы пользователей ломать глаза.

Автор: sdee 21.6.2010, 22:28
Цитата(magelan @ 15.6.2010,  13:37)
Увы, пока нельзя управлять "размытием" шрифтов из браузера, все подгружаемые шрифты не относящиеся к группе sans-serif выглядят весьма убого.

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

Сейчас уже можно отрезать png файл с полным набором букв и приписать к нему CSS, который выставит для каждой буквы смещение и размеры. Есть конечно свои ограничения и проблемы в построении кода, но выглядеть будет весьма приличнее технологии @font-face.

А смысл подобных движений? Проще уж картинку с текстом сразу вставить в заголовок, если только для буквицы использовать, слишком громоздко, смысл этого не ясен...  smile 

Автор: magelan 25.6.2010, 13:49
Если у тебя CMS поставляет названия разделов текстом, контент менеджеры их вечно правят, а дизайнер нарисовал драфт с названием - кривым шрифтом - приходится выкручиваться.

Либо дизайнер режет 100500 названий разделов.

Автор: magelan 25.6.2010, 17:11
не так все страшно на самом деле, жить можно.

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

это вариант решения в лоб...

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)