Page 136 - Сила CSS3 Освой новейший стандарт
P. 136

136  •  Глава 3. Линованная бумага

            лы слишком тонкие и невесомые — такой текст будет трудно читать. Большинство
            коммерческих шрифтов не предназначены для вывода мелкого шрифта на экран,
            поэтому чаще всего рекомендуется использовать технологию с правилом @font-
            face только для заголовков, а для обычного текста оставить проверенные и безопас-
            ные веб-варианты, такие как Georgia и Lucida.
                                            Еще один аспект веб-шрифтов, могущий повли-
               Свойство font-size-adjust позво-  ять на качество восприятия, связан со сглажива-
               ляет сравнять высоту символов   нием и хинтингом. В настоящее время в боль-
               из шрифтов разного размера, од-  шинстве веб-шрифтов контуры символов не
               нако пока что его поддерживает   такие ровные, как в традиционных шрифтах, —
               только Firefox. Более подробную   даже когда включено выравнивание. Главная
               информацию вы найдете в ста-  причина этого заключается в том, что они в ос-
               тье http://webdesignernotebook.  новном разрабатывались не для вывода на экран.
               com/css/the-littleknown-font-size-
               adjustcss3-property и по ссылкам,   У высококачественных шрифтов, а также шриф-
               приведенным в ее конце.      тов, предназначенных специально для веб, хин-
                                            тинг лучше — этот термин обозначает набор
                                            особых инструкций в файле шрифта, которые
            корректируют контуры символов, подгоняя их под пиксельную сетку на экране
            компьютера. Благодаря хинтингу такие шрифты кажутся более ровными и аккурат-
            ными. Формат шрифта также играет свою роль; у шрифтов TrueType хинтинг в целом
            лучше, чем у шрифтов OpenType CFF. Насколько неровными будут контуры симво-
            лов — зависит не только от самого шрифта, но также от операционной системы
            и браузера; на компьютерах Mac шрифты в целом выглядят более сглаженными, чем
                                            в Windows. В Windows XP проблемы с отображе-
               К счастью, ситуация с визуализа-  нием шрифтов наиболее вероятны, если пользо-
               цией веб-шрифтов постепенно   ватель не включил ClearType (технологию Mi-
               улучшается. Например, в IE 9 для   crosoft, в настоящий момент применяемую для
               визуализации текста применяет-  улучшения качества визуализации текста).
               ся API Microsoft DirectWrite, благо-
               даря чему веб-шрифты выглядят   Важно не только то, насколько хорошо восприни-
               очень гладкими и аккуратными.   маются сами веб-шрифты, но и насколько пользо-
               Разработчики Firefox заявили,   вателю будет удобно читать текст, оформленный
               что в версии этого браузера для   с использованием альтернативных шрифтов из
               Windows также будет использо-  стека. Обязательно протестируйте свой стек шриф-
               ваться DirectWrite. Помимо этого,   тов на случай, если произойдет ошибка загрузки
               сегодня все больше производи-  основного веб-шрифта, и убедитесь, что пользова-
               телей шрифтов начинают прода-  тель все так же увидит привлекательный и хорошо
               вать веб-шрифты, так что по мере   читаемый текст. Чаще всего рекомендуется выби-
               роста популярности @font-face   рать альтернативные шрифты, пропорции которых
               мы, без сомнения, все чаще будем
               видеть среди их предложений   схожи с характеристиками веб-шрифта, стоящего
               шрифты, специально «заточен-  в начале стека. Таким образом, для всех шрифтов
               ные» под использование в Сети.  будут хорошо работать общие определяемые вами
                                            настройки размера, толщины и других стилей.


                                                        www.trk.kg
   131   132   133   134   135   136   137   138   139   140   141