Pull to refresh

Comments 54

Microsoft наконец-то задумалось о типографике. Надо же.
UFO just landed and posted this here
Может и задумалась, только ничего для этого пока не сделала. Ну, начали минусовать. Покажите мне нормальную типографику в Метро? или в 8-й винде, плз
UFO just landed and posted this here
Да ничего он не стоит! Виндузятникам трудно это понять! Недизайнерам тем более!!! Вот и минусуют, просто и тупо! Жалко вас!
Microsoft давно работает над типографикой. Это и огромные таблицы хинтинга для хорошего отображения шрифтов при маленьких размерах (Tahoma, Arial, Verdana, etc), это и специальные шрифты для использования с алгоритмом субпиксельного сглаживания ClearType (Calibri, Cambria, etc), это и ориентированный на текст Metro.
А вот подход Apple — «будем рисовать все как есть, когда выйдут дисплеи с dpi >= 300 мы будем лучше всех», конечно хорош, но вот на десктопах то все еще нет таких дисплеев. И многим виндузятникам кажется, что в МакОС сплошное «мыло». Помнится мне, что в первой версии Сафари под винду не было возможности включить стандартное сглаживание. Какой же это был кошмар ;) И тот факт, что эта возможность все-таки появилась, говорит о том, что подход МС к типографике совсем не плох.
Только почему-то в IE9 Microsoft скатилось к тому же мылу.
Это из-за аппаратного ускорения. Сейчас Clear Type в привычном виде возможен только средствами GDI+, а IE9 рисует контент через DirectX (FF последние тоже и со шрифтами там такая же беда).
Честно признаться рендер шрифтов в Firefox мне нравиться больше чем в Chrome — засечек на крупных кеглях нет.
Проблема решается, путем подключения, для FF -woff, для IE — eot, для остальных браузеров SVG, обнаружила случайно, сама не знала, что делать со сглаживаем в сафари и хроме, но убрав тип вофф стал цепляться свг и шрифт сгладился вот такие чудеса)
Я не про font-face. А про обычные шрифты.
А с font-face конечно есть свои тонкости. SVG шрифты — фу.
заказчика обычно это редко, к сожалению, интересует, ему главное, чтоб красивенько
Есть ttf+woff.
А вообще с этой позиции судить не буду. На дядю не работаю. Я выразил свое личное мнение.
В свое время нахлебался проблем с Opera и font-face. С тех пор видеть не могу ни то, ни другое.
ttf тоже не всегда вариант, особенно если шрифт купленный. А мне повезло, мы оперу не поддерживаем, но я тоже нахлебалась.
Обычные шрифты в Firefox более гладкие.
извращалась даже путем приделывания тени)) а оказалось все очень просто. Еще рекомендую шрифты для FF, вернее, шрифт типа вофф сконвертить в base64, и вынести в отдельный файлик, хоть он и будет весить прилично, но за то при загрузке страницы, шрифт не будет дергаться, а так же число обращений к серверу сокращается.
Смотря на каком разрешении мыло. Если у вас хакинтош с дешёвым монитором — может быть, но на iMac-е, к примеру, никакого мыла не увидел на макс. разрешении. (не профессионал в этом вопросе)
Можно узнать вашу среднюю месячную ЗП? Можно примерно.
UFO just landed and posted this here
Такие посты мне греют душу. Приятно, когда люди следят за всем, что производят. Даже, если вы просто пишите текст. Спасибо.
Новость — замечательная. Изображения — не фонтан. Pango лучше рендерит.
А как сии фишки ведут себя с кирилическими шрифтами?
Количество кириллических шрифтов с поддержкой всяких таких модных OpenType фич невообразимо мало, по сравнению с тем, что доступно для латиницы. Поэтому о поддержке кириллицы можно не думать вообще.
Где это переворачивания шрифта может пригодиться в практике?
Вы не поняли, там вся фишка в межбуквенных интервалах. Переворачивают только для демонстрации.
Во-первых, для small caps в CSS есть свойство, зачем вводить дополительное? Во-вторых. этот font-settings выглядит как что-то проприетарное и некроссплатформенное. В-третьих, для дробей есть юникод. Что касается кернинга — непонятно, зачем его отключать.

Короче, странная какая-то непонятная вещь, с уродливым синтаксисом, в лучших традициях МС.
Заметьте, что эти стандарты описывают все эти новые возможности для шрифтов как отдельные стилевые правила с вменяемыми названиями: font-variant-numeric, font-variant-ligatures, font-variant-alternates. Здесь вместо их всех — одно правило -prefix-font-feature-settings с совершенно нечитаемыми и невменяемыми значениями. Где здесь следование стандартам со стороны разработчиков?
ну давайте мы еще будем вам объяснять, почему все новые фичи вводятся сначала с префиксом. ) гуглите макеев префиксы видео
Здесь в большинстве примеров -prefix-font-feature-settings, потому что 1) это правило есть в стандарте, 2) это низкоуровневое правило, завязанное на возможности шрифтов (хотя понятно, что в принципе можно использовать и высокоуровневые, но начинается реализация именно с низкоуровневого), и 3) потому что это просто напросто пример на это правило.
>а срок действия патентов на TrueType недавно закончился.

Потому решили продвигать новый, который можно покрыть тестами тьфу, патентами ещё лет на… дцать?
UFO just landed and posted this here
Спасибо за экскурс :) А как растеризатором или его алгоритмом у OpenType дело обстоит?
UFO just landed and posted this here
С Microsoft можно согласиться — OpenType действительно поднимает оформление текста в вебе на новый уровень, близкий к типографскому. Возможности этого формата явно превосходят @font-face.
Я не уверен ещё, откуда исходит это утверждение — от Microsoft или не вполне от Microsoft — но по сути оно не всецело справедливо. CSS-директива @font-face является инструментом подключения внешнего шрифта к странице, но не накладывает никаких особенных ограничений на формат его. В употреблении OpenType и @font-face вполне совместимы и ничуть не противоречат друг другу. Например, если рассмотреть спецификацию формата WOFF, понимаемого большинством современных браузеров, и в ней задать поиск по слову «OpenType», то слово это не раз находится, и притом в контексте, недвусмысленно свидетельствующем, что ко хранению шрифта OpenType в формате WOFF нет никаких технических препятствий, связанных с самим форматом.

Важным свидетельством этого является блогозапись «Firefox 4: OpenType font feature support», которую 9 ноября 2010 года Джон Даггетт опубликовал во блоге «Mozilla Hacks». Многие прилагаемые демонстрации (нагляднее всего — вон та) являются очевидными примерами невозбранного совместного действия @font-face и OpenType.

Демо хорошо работает только в браузерах с поддержкой OpenType, сама Microsoft рекомендует IE10+ и Firefox 8+.
В связи с вышеупомянутою блогозаписью Даггетта не могу не указать, что не только в Firefox 8, но и в Firefox 4 всё работало невозбранно.
UFO just landed and posted this here
А это значит плюс еще одна головная боль для веб-разработчика!
Да за такую «головную боль» иной разработчик в ноги кланяться стал бы зéмно.
Почему-то никто не сказал, что к тому времени, когда ИЕ10 будет распространен хотя бы как ИЕ7 и ИЕ8, skynet всех победит.
Мне кажется эта «революция» всё равно не тянет на возможность привлечения в веб людей профессионально занимающихся типографикой в полиграфии сейчас. Слишком много «кодирования», слишком мало графики.
Одни шрифты сюда никого не притянут. Помимо шрифтов в веб надо еще вменяемые способы для верстки, которых нет, и не предвидится никогда
Вы вот как считаете: как нужно было бы сделать, чтобы было меньше «кодирования» и больше графики? Или этого вообще нельзя сделать?
Надеюсь что можно, потому что иначе не случится переемственности. Сейчас есть обширные знания и множество специалистов в полиграфии, но вёрстка в вебе это нечто совершенно непохожее на вёрстку в полиграфии.
Что в худшем случае навыки необходимые для вёрстки для печати и для веба так и будут сильно различаться и профессионалы-печатники не привнесут то хорошее в веб, что могли бы.
Вы просто имеете ввиду, что нету хорошего физувльного инструметнария для вёрстки. Так он появится, как только будет соответствуюзая техническая база, которую мы тут и обсуждаем.

Вы же не хотите сказать, что верстать в кодах PostScript — это неудобно? ;)
Тут скорее проблема в битой системе работы с лейаутами. Пока все показывают новые возможности скруглённых уголков и теней, такие штуки как flexbox лежат себе в углу и тухнут. Сейчас нормальная вёрстка в вебе возможно только через position:absolute и только в пикселях. Иначе начинаются тонны геммороя.

А DreamWeaver существует уже давно.
Ну, про то, что производители браузеров мало уделяют внимания правильному позиционированию — это я знаю, и стараюсь про это кричать при возможности, чтобы кто надо наконец услышал.
Sign up to leave a comment.

Articles