O9Fq.jpg' alt='Шрифт Candara Кириллический' title='Шрифт Candara Кириллический' />А угадаете ли, почему это так Да потому, что шрифт этот  Candara и это нетрудно увидать воочию достаточно прибегнуть к расширению Context Font или вглядеться в нынешний вики код заглавной страницы Циклопедии и е подшаблона Раздел. Некоторые из нас уж. Если же на такой сайт забредт читатель с Линуксом, или Маком, или Андроидом, или Айфоном, или Айпадом  то тогда, сами понимаете, Кандару взять ему будет неоткуда  и вид заголовка поневоле станет далеко отличаться от желаемого. А ведь можно обеспечить единообразное отображение заголовка во всех системах и браузерах для этого достаточно попросту отгрузить всем читателям один и тот же шрифт. Шрифт можно раздавать с собственного же сайта добавив продуманные правила font face в свой CSS, а можно воспользоваться услугами внешнего хостинга шрифтов  например, услугами коллекции свободных и бесплатных шрифтов Google Web Fonts, чей красивый новый интерфейс обсуждали на Хабрахабре в конце июня. О ней то и поговорим под хабракатом. Что следует сказать по поводу употребления Google Web Fonts при оформлении заголовков Уместно отметить для начала, что коллекция Google Web Fonts, как и вообще загрузка шрифта через font face, наилучшим образом подходит именно для заголовков. Предшествовавшие ей костыли навроде s. IFRили Cuf. Однако, как ни странно, у шрифтов font face также есть свой бич  и это значительный объм их. Чтобы удостовериться в этом, попробуйте выбрать на сайте Google Web Fonts все четыре стиля шрифта PT Serif Normal 4. Normal 4. 00 Italic, Bold 7. Blod 7. 00 Italic, и стрелка индикатора Page Load перейдт в красную область шкалы, показав значение 3. Пусть хоть тысяча западных типографов скажут мне что Georgia Мэтью Картера это эталон и лучший кириллический шрифт на. В комплект входит regular, bold, italic. Название шрифта, Candara. Начертание, Regular. Идентификатор, Microsoft Candara 2005. Семейство, Candara. Версия шрифта, Version 1. Просмотр полной версии Коллекции кириллических шрифтов Collection of Cyrillic fonts. Вы можете скачать шрифт CANDARA BOLD одним zipархивом, в архиве 1 шрифт. Кириллическая раскладка. Если же вы отметите чуть ниже галочками оба набора символов и Latin,и Cyrillic, то тогда стрелочку зашкалит, а индикатор покажет значение 7. Честно говоря, господа, я не имею совершенного представления о том, что значат эти числа разработчики Google не озаботились никак надписать их, и даже нельзя быть совершенно уверенным в том, пропорциональны ли они некоторому времени закачки или вс же объму закачиваемой информации хотя последнее вероятнее. Я, однако же, не постеснялся провести опыт зашедши Файерфоксом, оставил единственную галочку на стиле Normal 4. Page Load показал значение 9. CSS по адресу http fonts. PTSerif и скачал шрифт по URLу, содержавшемуся в этом коде. Скачался файл WOFF размером 4. Page Load показывает некоторый объм, то это уж точно не количество килобайтов шрифта в формате WOFF вероятно, речь идт скорее об объме шрифта в формате EOT в котором шрифты обыкновенно бывают. Кстати, если открыть тот же адрес Эксплорером, то в коде CSS является ещ другой URL, ведущий ко шрифту EOT тот шрифт весит 8. Если при первом посещении сайта из Интернета станут скачиваться шрифты на несколько сотен килобайтов что необходимо для четырх различных стилей, то тогда разве что пользователи безлимитного высокоскоростного Интернета LTE, Wi. MAX, GPON, ETTH, FTTB, ADSL, возможно, ничего не заметят  а все остальные читатели сайта, безусловно, вознегодуют. И они будут правы в свом негодовании. Особенно жаль тех пользователей мобильного Интернета, у которых оплата траффика идт помегабайтно, и тех пользователей корпоративного Интернета, у которых объм траффика является жстко ограниченным. Вот почему милосердному автору сайта то есть такому, чь сердце открыто для жалости вовсе не приличествует употреблять сразу четыре стиля шрифта  а значит, задавая непривычные скачиваемые из Интернета шрифты, автору подобает ограничиваться одними лишь заголовками в заголовках ведь стиль, как правило, бывает только один например, только прямые или только курсивные начертания букв. Заодно более широким становится выбор многие шрифты от рождения имеют единственный стиль а не четыре и даже не два, что и само по себе делает их пригодными только для заголовков. Более того если все заголовки ваши состоят только из букв русского алфавита а ведь это именно так в случае с Циклопедией, ставшей нашим примером, то можно ещ дополнительно экономить на объме файла со шрифтом. Зайдите на сайт Google Web Fonts и выберите шрифт Cuprum, который имеет единственный прямой стиль начертания символов. Индикатор Page Load покажет значение 4. Внизу вы увидите галочки Latin и Cyrillic, предназначенные для настройки набора символов галочка Latin установлена и является серенькою снять е не удастся, а галочка Cyrillic не установлена, но е можно поставить, после чего индикатор Page Load покажет значение 8. Обратите внимание на то, что после этого по крайней мере, в Файерфоксе галочка Latin перестат быть серенькою, е можно снимать и устанавливать, однако на показания индикатора Page Load е состояние никак не влияет. Это то и важно. Наблюдая за поведением гугловской системы, нетрудно прийти к мысли, что латинские буквы включаются в файл шрифта вполне безусловно  а значит, если вс же найти возможность отключить их, то тем самым и объм скачиваемого шрифта можно ополовинить. Способ, позволяющий невозбранно достигнуть этого, без труда отыскивается в документации по Google Web Fonts  в разделе Optimizing your font requests Beta. Оказывается, URL скачиваемого CSS кода может быть дополнен параметром text, содержащим все необходимые символы шрифта тогда в файле скачиваемого шрифта не будет никаких символов, кроме этих. Таким образом, прежде чем снабдить заголовки на сайте вожделенным правилом font family Cuprum, sans serif, наиболее уместно уложить в начало CSS кода вот какую директиву import urlhttp fonts. Cuprum textD09. D09. D09. 2D09. D09. 4D09. Мирный Договор Между Францией И Германией тут. D08. D09. 6D09. 7D09. D09. AD09. BD09. CD09. DD09. ED09. FD0A0D0A1D0A2D0A3D0A4D0A5D0A6D0A7D0A8D0A9D0AAD0ABD0ACD0ADD0AED0AFD0B0D0B1D0B2D0B3D0B4D0B5D19. D0B6D0B7D0B8D0BAD0BBD0BCD0BDD0BED0BFD18. D18. 1D18. 2D18. D18. D18. 5D18. D18. 7D18. D18. D18. AD18. BD18. CD18. DD18. ED18. F0. 12. 34. 56. 78. A0. Объм скачивающегося при этом файла WOFF сокращается до 2. A0 цифры 0. 12. АБВГДЕЖЗИКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ. Разумеется, возможно и дальнейшее уменьшение объма файла со шрифтом  оно достигается, если в параметре text ограничиться одними только реально используемыми в заголовках заглавными буквами, а не перечислять все их. Тем не менее, это отнюдь не целесообразно, так как резко ограничивает дальнейшее редактирование заголовков на той странице, где шрифт используется. Типичная экономия на буквах составляет. Достаточно переменить значение параметра family и подобрать собственное значение параметра text например, включив туда также тире, запятую, многоточие и другую пунктуацию, если заголовки на вашем сайте содержат их.