Типографика / Пример в. А угадаете ли, почему это так? Да потому, что шрифт этот — Candara (и это нетрудно увидать воочию: достаточно прибегнуть к расширению «Context Font» или вглядеться в нынешний вики- код заглавной страницы Циклопедии и её подшаблона «Раздел»). Если же на такой сайт забредёт читатель с Линуксом, или Маком, или Андроидом, или Айфоном, или Айпадом — то тогда, сами понимаете, «Кандару» взять ему будет неоткуда — и вид заголовка поневоле станет далеко отличаться от желаемого. А ведь можно обеспечить единообразное отображение заголовка во всех системах и браузерах; для этого достаточно попросту отгрузить всем читателям один и тот же шрифт. Шрифт можно раздавать с собственного же сайта (добавив продуманные правила @font- face в свой CSS), а можно воспользоваться услугами внешнего хостинга шрифтов — например, услугами коллекции свободных и бесплатных шрифтов «Google Web Fonts», чей красивый новый интерфейс обсуждали на Хабрахабре в конце июня. Следуйте за нами: Cuprum семейство состоит из 4 шрифты. Скачать Cuprum бесплатно и без рекламы. Вы сможете посмотреть и попробовать шрифт Cuprum перед тем, как его скачивать. О ней- то и поговорим под хабракатом. Что следует сказать по поводу употребления Google Web Fonts при оформлении заголовков? Уместно отметить для начала, что коллекция Google Web Fonts, как и вообще загрузка шрифта через @font- face, наилучшим образом подходит именно для заголовков. Предшествовавшие ей «костыли» (навроде s. IFR или Cuf. Г. Однако, как ни странно, у шрифтов @font- face также есть свой бич — и это значительный объём их. Чтобы удостовериться в этом, попробуйте выбрать на сайте Google Web Fonts все четыре стиля шрифта PT Serif («Normal 4. Когда-то я создал шрифт Cuprum и положил его в стол, сложно было Кодировки: Кириллица, Центральная и Западная Европа. Для установки русского шрифта Cuprum в операционную систему, скопируйте файлы из архива, которые имеют расширение *.ttf в системную папку со. Скачать шрифт Cuprum TTF для сайта. Винтажные социальные иконки. 20 кириллических шрифтов для сайта. Любителям шрифта Cuprum настала пора сугубо возрадоваться: его автор с сайта Open Font Library: 16 шрифтов с кириллицею + 6 орнаментальных и спецсимвольных шрифтов 51. Например, я делаю кириллический шрифт заданным по умолчанию в моем Впрочем, и остальные виды брусковых шрифтов могли бы быть представлены в кириллице полнее. Контрастные брусковые шрифты со скругленными засечками (типа Кларендон). Идентификатор: JovannyLemonad: CuprumFFU: 2008. Полное название шрифта. Normal 4. 00 Italic», «Bold 7. Blod 7. 00 Italic»), и стрелка индикатора «Page Load» перейдёт в красную область шкалы, показав значение «3. Поддержка кириллицы и бесплатное использование в Советую ограничиться бесплатными наборами шрифтов, не стоит выкладывать шрифты студий и дизайнеров без их ведома, это Cuprum family.Если же вы отметите чуть ниже галочками оба набора символов (и «Latin», и «Cyrillic»), то тогда стрелочку зашкалит, а индикатор покажет значение «7. Честно говоря, господа, я не имею совершенного представления о том, что значат эти числа: разработчики Google не озаботились никак надписать их, и даже нельзя быть совершенно уверенным в том, пропорциональны ли они некоторому времени закачки или всё же объёму закачиваемой информации (хотя последнее вероятнее). Я, однако же, не постеснялся провести опыт: зашедши Файерфоксом, оставил единственную галочку на стиле «Normal 4. Page Load» показал значение «9. CSS по адресу http: //fonts. PT+Serif и скачал шрифт по 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 url('http: //fonts. Cuprum& text=%D0%9. D0%9. 1%D0%9. 2%D0%9. D0%9. 4%D0%9. 5%D0%8. D0%9. 6%D0%9. 7%D0%9. D0%9. A%D0%9. B%D0%9. C%D0%9. D%D0%9. E%D0%9. F%D0%A0%D0%A1%D0%A2%D0%A3%D0%A4%D0%A5%D0%A6%D0%A7%D0%A8%D0%A9%D0%AA%D0%AB%D0%AC%D0%AD%D0%AE%D0%AF%D0%B0%D0%B1%D0%B2%D0%B3%D0%B4%D0%B5%D1%9. D0%B6%D0%B7%D0%B8%D0%BA%D0%BB%D0%BC%D0%BD%D0%BE%D0%BF%D1%8. D1%8. 1%D1%8. 2%D1%8. D1%8. 4%D1%8. 5%D1%8. D1%8. 7%D1%8. 8%D1%8. D1%8. A%D1%8. B%D1%8. C%D1%8. D%D1%8. E%D1%8. F0. 12. 34. 56. 78. A0'); Объём скачивающегося при этом файла WOFF сокращается до 2. A0»); цифры («0. 12. АБВГДЕЁЖЗИКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ». Разумеется, возможно и дальнейшее уменьшение объёма файла со шрифтом — оно достигается, если в параметре «text» ограничиться одними только реально используемыми в заголовках заглавными буквами, а не перечислять все их. Тем не менее, это отнюдь не целесообразно, так как резко ограничивает дальнейшее редактирование заголовков на той странице, где шрифт используется. Типичная экономия на буквах составляет в. Достаточно переменить значение параметра «family» и подобрать собственное значение параметра «text» (например, включив туда также тире, запятую, многоточие и другую пунктуацию, если заголовки на вашем сайте содержат их). Original source: habrahabr.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
November 2016
Categories |