Метка: шрифт
Любой шрифт какой только пожелает душа
Существует такой опенсорс проект http://typeface.neocracy.org/ – официальный сайт. Суть его заключается в том, что подключив яваскрипт typeface.js вы сможете использовать нужный вам шрифт.
Как работает
Этот скрипт основывается на функциях отрисовки векторной графики встроенных в браузер. Библиотека состоит из двух компонентов: perl модул для конвертирования truetype шрифтов в векторные координаты и javascript-файла, который рендерит текст в браузере используя векторное описание шрифтов.
Плюсы
– Быстрая и простая установка. Не нужно разбираться в тонкостях более «навороченных» sIFR и FLIR.
– Текст видим как «текст», его можно выбрать, скопировать и т.д. Поисковики обрабатывают всё именно как текст. Правда, выбрать текст можно только в браузерах, поддерживающих canvas
– Поддержка всех свойств текста в CSS2. (font-size, letter-spacing, font-stretch, font-weight, line-height и т.д)
Минусы: библиотека + шрифт = жирновато.
em vs. px vs. pt vs. percent
Одним из наиболее запутанных аспектов CSS является применение font-size атрибута для масштабирования текста. Используя CSS, вы можете изменить размер текста в браузере с помощью четырех разных единиц измерения. Какая из этих четырех единиц лучше всего подходит для веб? Поиск окончательного ответа затруднен, поскольку вопрос сам по себе сложный.
Итак, в чем же разница?
Легко будет понять разницу между единицами font-size, когда вы увидите их в действии. Как правило, 1em = 12pt = 16px = 100%. При использовании этих размеров шрифта, давайте посмотрим, что происходит, когда вы увеличиваете базовый размер шрифта (с использованием CSS селектора body) от 100% до 120%.
Когда в браузере клиента размер текста установлен в «средней», то незаметно никакой разницы между «em» и \”%\”. Однако, если параметр изменять, разница становится очень большой. При установке «Smallest» «em» гораздо меньше, чем \”%\”, а при установке «Largest» наоборот «em» отображается гораздо большим, чем \”%\”. И хотя многие утверждают, что единицы в «em» масштабируются так, как задумано, на практике текст в «em» масштабируется слишком резко, и при этом наименьший текст становится неразборчивым на некоторых машинах.
Вердикт
В теории, единицы «em» — это новый и предстоящий стандарт размера шрифта в Интернете, но на практике, единицы в \”%\” позволяют отображать текст для пользователей более последовательно и удобно. При смене параметров клиента, текст в \”%\” изменялся в разумных пропорциях, что позволяет дизайнерам сохранить читабельность, доступность, и дизайн. Победитель: процент (%).
Лично я при верстке предпочитаю px и percent.