Как использовать скаченные шрифты. Как скачать и установить красивый шрифт. Буквы с характером
В последних версиях текстового редактора Microsoft Word имеется довольно большой набор встроенных шрифтов. Большинство из них, как и полагается, состоят из букв, но в некоторых вместо букв используются различные символы и знаки, что тоже весьма удобно и необходимо во многих ситуациях.
И все же, сколько бы в MS Word не было встроенных шрифтов, активным пользователям программы стандартного набора всегда будет мало, особенно, если хочется чего-то действительно необычного. Неудивительно, что на просторах интернета можно найти множество шрифтов для этого текстового редактора, созданных сторонними разработчиками. Именно поэтому в данной статье мы расскажем о том, как добавить шрифт в Ворд.
Важное предупреждение: Скачивайте шрифты, как и любое другое ПО, только с проверенных сайтов, так как во многих из них вполне могут содержаться вирусы и прочий вредоносный софт. Не забывайте о собственной безопасности и сохранности личных данных, не качайте шрифты, представленные в установочных файлах EXE, так как на самом деле распространяются они в архивах, внутри которых содержатся файлы форматов OTF или TTF, поддерживаемых ОС Windows.
Вот список безопасных ресурсов, с которых можно скачивать шрифты для MS Word и других совместимых программ:
Отметим, что все вышеперечисленные сайты крайне удобно реализованы и каждый из шрифтов там представлен наглядно и понятно. То есть, вы смотрите на картинку превью, решаете, нравиться ли вам этот шрифт и нужен ли он вам вообще, и только после этого качаете. Итак, приступим.
1. Выберите на одном из предложенных нами сайтов (либо на другом, которому полностью доверяете) подходящий шрифт и скачайте его.
2. Перейдите в папку, в которую вы скачали архив (или просто файл) со шрифтом (шрифтами). В нашем случае это рабочий стол.
3. Откройте архив и извлеките его содержимое в любую удобную папку. Если вы скачали шрифты, не запакованные в архив, просто переместите их туда, откуда вам будет удобно к ним добраться. Не закрывайте эту папку.
Примечание: В архиве со шрифтами помимо файла OTF или TTF могут также содержаться и файлы другого формата, к примеру, изображение и текстовый документ, как в нашем примере. Извлекать эти файлы отнюдь не обязательно.
4. Откройте .
В Windows 8 — 10
сделать это можно с помощью клавиш Win+X
, где в появившемся списке нужно выбрать . Вместо клавиш также можно использовать клик правой кнопкой мышки по значку меню “Пуск”
.
В Windows XP — 7 этот раздел находится в меню “Пуск” — .
5. Если находится в режиме просмотра “Категории” , как на нашем примере, переключитесь на режим отображения мелких значков — так вы сможете быстрее найти необходимый пункт.
6. Найдите там пункт “Шрифты” (скорее всего, он будет одним из последних), и нажмите на него.
7. Откроется папка со шрифтами, установленными в ОС Windows. Поместите в нее файл шрифта (шрифтов), ранее скачанный и извлеченный из архива.
Совет: Вы можете просто перетащить его (их) мышкой из папки в папку или использовать команды Ctrl+C (копировать) или Ctrl+X (вырезать), а затем Ctrl+V (вставить).
8. После короткого процесса инициализации шрифт будет установлен в систему и появится в папке, в которую вы его переместили.
Примечание: Некоторые шрифты могут состоять из нескольких файлов (например, обычный, курсив и полужирный). В таком случае необходимо помещать в папку со шрифтами все эти файлы.
Установка нового шрифта в Word
1. Запустите Ворд и найдите новый шрифт в списке со стандартными, встроенными в программу.
2. Зачастую, отыскать новый шрифт в списке не так просто, как может показаться: во-первых, их там и без того довольно много, во-вторых, его название, хоть и написано собственным шрифтом, но довольно мелкое.
Чтобы быстро отыскать новый шрифт в MS Word и приступить к его использованию в наборе текста, откройте диалоговое окно группы “Шрифт”, нажав на небольшую стрелочку, расположенную в правом нижнем углу этой группы.
3. В списке “Шрифт” найдите название нового, установленного вами шрифта (в нашем случае это Altamonte Personal Use ) и выберите его.
Совет: В окне “Образец” вы можете видеть то, как выглядит шрифт. Это поможет быстрее его найти, если вы не запомнили название шрифта, но запомнили его визуально.
4. После того, как вы нажмете “ОК” в диалоговом окне “Шрифт” , вы переключитесь на новый шрифт и сможете начать его использовать.
Внедрение шрифта в документ
После того, как вы установите новый шрифт на свой компьютер, использовать его вы сможете только у себя. То есть, если вы отправите текстовый документ, написанный новым шрифтом другому человеку, у которого этот шрифт не установлен в системе, а значит, и не интегрирован в Ворд, то у него он отображаться не будет.
Если вы хотите, чтобы новый шрифт был доступен не только на вашем ПК (ну и на принтере, точнее, уже на распечатанном листе бумаги), но и на других компьютерах, другим пользователям, его необходимо внедрить в текстовый документ. О том, как это сделать, читайте ниже.
Примечание: Внедрение шрифта в документ приведет к увеличению объема документа MS Word.
1. В вордовском документе перейдите во вкладку “Параметры” , открыть которую можно через меню “Файл” (Word 2010 — 2016) или кнопку “MS Word” (2003 — 2007).
2. В диалоговом окне “Параметры”, которое перед вами откроется, перейдите к разделу “Сохранение” .
3. Установите галочку напротив пункта “Внедрить шрифты в файл” .
4. Выберите, хотите ли вы внедрить только знаки, которые используются в текущем документе (это уменьшит объем файла), хотите ли вы исключить внедрение системных шрифтов (по сути, оно и не нужно).
Собственно, на этом можно и закончить, ведь теперь вы знаете о том, как установить шрифты в Ворд, предварительно инсталлировав их в ОС Windows. Желаем вам успехов в освоении новых функций и безграничных возможностей программы Microsoft Word.
Если вы ищите, как установить шрифт, тогда, скорее всего, знаете зачем он нужен. Позвольте предположить — вы делаете открытку на свадьбу, и хотите, чтобы поздравление выглядело экзотично, а не в стандартном шрифте Times New Roman (или, что еще хуже — Comic Sans) . Или может быть, оформляете резюме и нужно выделить заголовок особым шрифтом. Так или иначе, в связи со шрифтами возникает два вопроса:
- Где скачать красивый шрифт;
- Как установить шрифт.
Где скачать красивый шрифт
Привожу несколько сервисов, на которых можно скачать разнообразие шрифтов:
Что удобно, на этих сервисах сразу можно посмотреть, как выглядит шрифт.
Как установить шрифт
На самом деле установка шрифта - дело элементарное. Вообще шрифты хранятся в папке C:/Windows/Fonts (по умолчанию она скрыта). Но, в системе предусмотрен стандартный способ установки шрифтов через интерфейс.
В панели управления есть отдельный раздел «Шрифты» . Перетянув в эту «папку» любой скачанный шрифт (файл в формате ttf) вы увидите его в списке шрифтов, например, в Photoshop. Ниже показал весь этот «процесс» на .
И как можно заметить, наш шрифт успешно появился в списке шрифтов Microsoft Word
Всем привет!
Сегодня я хочу поговорить с вами о шрифтах. Точнее, не о самих шрифтах, а об управлении шрифтами . Тема эта крайне важная, потому что от умения управлять файлами штифтов во многом зависит как продуктивность вашей работы, так и ее конечный результат. Я уже не говорю о сбереженных нервах…
Итак, о чем идет речь?
Для того, чтобы операционная система вашего компьютера могла пользоваться файлами шрифтов, необходимо их хранить в определенных местах. В Windows по умолчанию шрифты находятся в папке Windows/Fonts . Именно оттуда новые шрифты попадают в систему. Самый простой способ установки шрифтов — перетащить их мышкой в эту папку из других источников.
На компьютере Mac файлы со шрифтами хранятся в папках Fonts, которые находятся в папке Библиотека (Library) . Шрифты в Библиотеке корневого каталога доступны для всех пользователей Mac. Шрифты, хранящиеся в Библиотеках отдельных пользователей (находятся в папке Пользователи (Users) ), доступны исключительно для работы этих пользователей. Шрифты из Библиотеки системной папки (System) используются операционной системой напрямую и трогать их крайне нежелательно.
Некоторые приложения — обычно такие, которые поставляются со своей подборкой гарнитур — хранят шрифты в собственных папках, доступ к которым имеют только они. Так пресекается их использование другими программами, что обычно оговаривается в пользовательском соглашении, поскольку они предназначены для использования исключительно материнской программой.
Программы для управления шрифтами
Если вам приходится постоянно работать со шрифтами, то вы знаете насколько важен выбор, сравнение и анализ гарнитур. Но на самом деле управлять шрифтами зачастую не так просто, как кажется.
Вопросы управления шрифтами, такие как установка и удаление , поиск потерявшихся гарнитур, решение проблемы конфликта шрифтов , всегда доставляют массу хлопот дизайнерам и полиграфистам.
Вот здесь-то нам на помощь и приходят специальные программы, называющийся менеджеры шрифтов (Font manager) , в задачу которых входит помощь по организации и управлению большим количеством шрифтов на компьютере.
Если на компьютере одновременно установлено слишком много шрифтов, появляются две серьезные проблемы. Во-первых, замедляется работа компьютера, которому приходится постоянно отслеживать все ваши шрифты. Более того, избыточное количество установленных шрифтов может вызвать зависание ПК. Во-вторых, меню Fonts (Шрифты) становится настолько длинным, что для того, чтобы добраться до необходимого шрифта, приходится бесконечно прокручивать экран.
Главным образом, менеджеры шрифтов позволяют активировать и деактивировать шрифты в любой момент. Таким образом, пользуясь менеджером шрифтов, вы можете работать со шрифтами, не устанавливая их на компьютере и, следовательно, не перегружая системные папки шрифтов.
А для полного удобства, можно упорядочивать шрифты, собирая их в наборы. Например, для конкретной задачи у вас есть определенный набор гарнитур или специальный комплект шрифтов, которые привязаны к какой-нибудь отдельной программе. Некоторые менеджеры шрифтов умеют автоматически устанавливать необходимые гарнитуры в соответствии с типом открываемого документа.
Кроме того, менеджеры шрифтов помогают группировать их согласно внутренней логике. Поскольку операционная система сбрасывает все шрифты в одну кучу (или хуже, в несколько труднодоступных папок), менеджер шрифтов помогает группировать их по любому понравившемуся критерию: по формату шрифта, по историческому стилю, по тексту, по типу отображения и т.п.
В Mac OS X включена своя собственная программа по управлению шрифтами: Книга Шрифтов (Font Book) , находящаяся в папке Приложения (Applications) . В Windows такой утилиты нет, но есть ряд программ от независимых разработчиков ПО.
Ниже предлагаю вашему вниманию разбор наиболее известных программ-менеджеров шрифтов для Windows и Mac.
Интересно было бы узнать, какой из них пользуетесь вы и почему? Ваша любимая программа не представлена в списке? Сообщите об этом в комментариях!
Suitcase (Win) / Suitcase Fusion (Mac)
Suitcase Fusion (Mac) и Suitcase (Win) — мощные, быстрые и умные менеджеры шрифтов, обладающие простым интуитивным пользовательским интерфейсом. В новой версии утилиты вы можете собирать свои шрифты в структурированный и безопасный архив данных, называемый Font Vault (Подвал Шрифтов).
Font Vault предоставляет пользователю больший контроль над своими шрифтами, сводя на нет лишние конфликты между шрифтами, проблемы с дубликатами, и предлагает быстрый доступ к вашей собственной библиотеке.
Suitcase следит за тем, чтобы у вас была верная версия нужного шрифта, и предотвращает потенциальные нарушения в работе шрифтов в результате их пропажи или подстановки неправильного шрифта. Помимо прочего, программа хранит шрифты в одном, безопасном месте, которое легко найти, и создает резервные копии.
Кроме того, она предлагает автоматически регистрировать шрифты в системе: регистрируются только необходимые вам шрифты, когда вы открываете какой-нибудь документ, и деактивируются, когда вы его закрываете
Вместе с программой Suitcase Fusion или Suitcase for Windows идет утилита FontDoctor (Доктор шрифтов). FontDoctor — профессиональное ПО, задача которого — обнаружение, диагностика и исправление большинства встречающихся в шрифтах ошибок, то есть вам больше не нужно отвлекаться от занятия своей насущной работой.
Цена программы Suitcase Fusion — от $99.95. Suitcase Fusion работает на платформах Mac или PC.
Основные характеристики:
- Легкий в использовании интерфейс
- Группирование шрифтов в наборы
- Предварительный просмотр гарнитур
- Опознавание шрифтов (Font Sense), самая продвинутая технология сверки шрифтов, предусматривающая глубокий анализ гарнитуры в момент идентификации шрифта для дальнейшей автоматической активации с использованием разнообразных критериев отбора — тип шрифта, производитель, версия и т.д.
- Содержание библиотеки шрифтов в сохранности и порядке
- Автоматическая активация шрифтов
- Совместимость с Windows Vista
- Мощная диагностика и исправление шрифтов
- Font Doctor (при покупке программы поставляется бесплатно)
Linotype FontExplorer X (Win / Mac, бесплатная)
Что действительно отличает Linotype FontExplorer X от других программ, так это интеграция в нее онлайн-магазина, с помощью которого вы можете познакомиться со шрифтами до совершения покупки. То есть, вы можете изучать и сравнивать шрифты внутри онлайн-магазина прямо в FontExplorer X, как если бы они уже были установлены в вашей системе.
Данный инструмент объединяет в себе возможность управления шрифтами, их сортировку, покупку и знакомство со шрифтом, — всё в одном дружелюбном интерфейсе.
Можно сгруппировать свои шрифты с помощью библиотеки, по папкам, тэгам и «умным наборам» (smart sets). Так проще просматривать все гарнитуры от одного определенного производителя, все наклонные шрифты или гарнитуры, помеченные определенным тегом.
Автоматическая регистрация в системе позволяет вам выбирать, какие приложения могут запрашивать шрифты, а какие нет. Также доступны плагины для таких популярных графических программ как Adobe InDesign, Adobe Illustrator и Quark Xpress.
Можно посмотреть полный набор символов, узнать о легальности использования определенной гарнитуры или просто увидеть на примере нескольких параграфов, как будет выглядеть тот или иной шрифт на письме.
Наконец, вы можете включать / отключать шрифты, чистить кеш-память шрифтов, просмотреть краткий обзор о семье шрифта, экспортировать информацию о шрифте в формате image/zip/disk, выполнять поиск потерянных шрифтов, сканирование шрифтов документа и получать поддержку системы оповещения Growl.
На данный момент программой поддерживаются английский и немецкий языки. Программа Linotype FontExplorer X — бесплатна. Версия для Windows выпущена в виде беты (сейчас не доступна для скачивания), Мас-версия — стабильная.
Основные характеристики:
- Мощный инструмент для управления шрифтами
- Встроенные онлайн-магазин
- Автоматическая регистрация в системе
- Интеграция в систему (поддержка Spotlight)
- Решение проблемы потерянных файлов (системная авто-регистрация шрифтов во всей системе)
- Решение проблемы конфликтующих шрифтов
- Сканирование шрифтов документа
- Поддержка системы оповещения Growl
FontExpert 2007 (Win)
Помимо обычного набора функций менеджера шрифтов, FontExpert 2007 предлагает возможность назначать ключевые слова, категории, рейтинг и подписи в режиме тэгов, вывод на принтер, поиск дубликатов и поврежденных шрифтов, а также проверку системы на предмет ошибок.
Также вы можете экспортировать шрифты в HTML и добавлять в пользовательское контекстное меню Windows Explorer команды Открыть, Распечатать и Установить.
FontExpert умеет создавать изображения пробного текста с детальной настройкой ширины, высоты, цвета и формата файла (BMP, GIF, JPEG, TIFF, PNG). Программа умеет сортировать и печатать растровые шрифты, PostScript, TrueType, OpenType шрифты.
С помощью данной утилиты очень легко управлять любыми шрифтами, которые можно встретить в теле программы. Можно сортировать, фильтровать, просматривать шрифты, копировать, перемещать, удалять файлы шрифтов, активировать или дезактивировать шрифты, добавлять или привязывать их к группам шрифтов (наборам).
Программа умеет работать со шрифтами, находящимися в папке Windows Fonts и папке Psfonts (используется программой Adobe Type Manager), таким образом вам не нужно удалять шрифты из стандартных папок, как того требуют другие менеджеры.
Цена начинается от $59.00. Для скачивания доступна бесплатная демо-версия.
Основные характеристики:
- Просмотр и превью шрифтов (установленных или размещенных на локальных дисках)
- Назначение тэгов, рейтингов или категорий
- Поиск дубликатов или поврежденных файлов
- Организация шрифтов в группы (наборы)
- Активация и дезактивация шрифтов одним нажатием мыши
- Печать таблицы символов выбранных шрифтов; возможность создания шаблонов с колонтитулами вручную
- Проверка системы на предмет ошибок шрифтов
- Экспорт в HTML
- Автоматическая активация потерянных шрифтов (включает в себя плагин
- Missing Fonts Loader plug-in для Adobe InDesign CS2 и Adobe InDesign CS3)
- Расширение оболочки Windows Shell Extensions (добавляет возможность установки в оболочку для быстрой регистрации шрифта в системе или вывода на принтер любого шрифта из папки, просматриваемой в Windows Explorer)
Advanced Font Viewer (Win)
Если вы выбираете шрифт для печатного материала, можно воспользоваться просмотрщиком Advanced Font Viewer , вывести на принтер список шрифтов и остановить свой выбор на шрифте в соответствии с практическими требованиями выбора конкретного шрифта.
Дизайнеры, которым необходима тщательно сверять образцы нескольких похожих шрифтов, могут создать подборку. Интересная особенность данного инструмента в том, что он позволяет пользователям просматривать деинсталлированные ранее шрифты и установливать их заново.
Также вы можете распечатать список с образцами текста, удалять дубликаты и исправлять ошибки реестра, связанные со шрифтами. Возможен экспорт в HTML, а также вы можете распечатать список деинсталлированных шрифтов.
Цена начинается от $49.95. Доступна демо-версия.
Opcion Font Viewer — бесплатная утилита с открытым исходным кодом, написанный на языке Java. Позволяет просматривать установленные и деинсталлированные шрифты, отмечать любимые шрифтыи предварительно просматривать их в виде настраиваемого образца текста.
Opcion — очень простой базовый инструмент для управления шрифтами. Его главное преимущество заключается в том, что он работает на всех платформах. То есть, в случае, если вам нужно просто взглянуть на шрифт, эта программа может оказаться оптимальным решением.
Данный инструмент предлагает просмотр по умолчанию, позволяя вам просматривать один шрифт за раз, а также просмотр в режиме списка, который позволяет просматривать много шрифтов разом.
Список любимых шрифтов после этого можно сохранить для будущей работы или использовать при поиске названий файлов, которые вы желаете установить на свой компьютер. Для работы с Opcion Font Viewer необходимо установить Java 1.4.0 и выше.
Font Frenzy (Win, бесплатная)
FontFrenzy — полнофункционально бесплатное ПО,- всплывающее окно исчезает сразу после быстрой регистрации.
Специфическая функция FrenzySnap позволяет устанавливать «точки восстановления» и переустанавливать те шрифты, которые находились в системе в определенный момент. Функция DeFrenzy удаляет все шрифты, кроме оригинальных шрифтов из поставки Windows, или до предыдущего состояния системы. Вы можете указать папку, куда будут сохраняться все удаленные шрифты.
Основные характеристики:
- Сохранение снимка состояния вашей папки со шрифтами, которое используется как точка восстановления
- Простая и необременительная переустановка шрифтов до предыдущего состояния Просмотр списка шрифтов в любом размере точки с помощью настраиваемой тестовой фразы
- Просмотр примера каждого шрифта во всплывающем окне, включая все символы и числа верхнего и нижнего регистра
- Дружелюбный менеджер шрифтов позволяет добавлять новые шрифты, удалять, сохранять на диске выбранные шрифты.
- Просмотр всех шрифтов в указанной папке.
Font Xplorer (Win, бесплатная)
Font Xplorer умеет отображать как установленные, так и неустановленные на локальных дисках шрифты. Среди прочих отличительных особенностей программы — переименование файла, чтобы использовать полное название шрифта с возможностью возврата старого имени файла (например, переименовать файл arialbi.ttf в Arial Bold Italic.ttf).
Также отмечу настраиваемое по размеру окно таблицы символов, которое показывает все сценарии шрифта и позволяет увеличивать масштаб любого символа. Вы даже можете скопировать символ в буфер обмена в виде векторного изображения или в формате RTF. Помимо прочего, вы можете фильтровать шрифты по кодировке, чтобы увидеть только шрифты символов.
Font Xplorer не поддерживает шрифты Adobe Type 1 и шрифты OpenType с контурами PostScript. Он работает только со шрифтами формата TrueType и OpenType, у которых есть контуры TrueType. Приложение является бесплатным.
Основные характеристики:
- Просмотр как установленных, так и неустановленных шрифтов TrueType на диске
- Печать предпроектных, профессиональных пробников и списков шрифтов
- Фильтрация шрифтов по набору символов
- Интегрированный Мастер Ремонта (Integrated Repair Wizard) решает большинство проблем со шрифтами
- Расширенная поддержка по вызову внешних программ. А также поддержка различных переменных в вызываемой командной строке
MainType (Win)
MainType — универсальный менеджер шрифтов, который пригодится как новичку, так и опытному графическому дизайнеру или шрифтовику. Для того чтобы подобрать подходящие для ваших задач шрифты, данная программа оснащена фильтром и сортировщиком. Основные сведения о шрифте, такие как свойства, поддерживаемые символы, тип шрифта и проч., отображаются в окне информации. Панель Группы помогает быстро сгруппировать все шрифты вместе.
MainType входит в число Drag and drop менеджеров, наделенный простым и легким в использовании интерфейсом, который помогает находить, делать превью, группировать, устанавливать и распечатывать ваши шрифты. Данное приложение работает с TrueType, OpenType, TrueType Collections, Postscript Type 1, векторными и растровыми шрифтами.
Кроме того, программа позволяет создавать краткое описание в формате HTML для любого шрифта, печатать отчеты и экспортировать информацию о шрифте. Новейшее обновление включает в себя возможность написания пробного текста в выпадающем списке Font, увеличение символа в диалоговом окне и другие предустановленные переменные шрифта.
Цена от $49.00. Демо-версия доступна для бесплатного скачивания…
Основные характеристики:
The Font Thing (Win, бесплатная)
The Font Thing — это старая классическая, но до сих пор очень популярная бесплатная программа для управления шрифтами TrueType в среде Windows 95, Windows 98 и Windows NT 4.0.
С ее помощью можно устанавливать и удалять шрифты TrueType, просматривать образцы текста, отдельные символы и подробную информацию о шрифте.
Легкие в обращении функции управления шрифтами позволяют устанавливать, деинсталлировать, печатать, копировать или удалять любое количество шрифтов одновременно.
Она также позволяет записывать ваши личные примечания для файлов, фильтровать из по типу (serif, sans serif, и т.д.) и группировать их для удобства в коллекции.
Пользователь может переименовывать файлы, чтобы избежать конфликтов в их работе, а также загружать их на время, без регистрации их в системе.
AMP Font Viewer 3.82 (Win, бесплатная)
AMP Font Viewer — простой бесплатный менеджер файлов для краткого обзора как установленных, так и неустановленных шрифтов. Вы можете установить шрифты из папки прямо в систему или на время (пока не закроете программу). Также присутствуют стандартные опции для организации шрифтов по категориям и управления ими.
С помощью данной программы можно распечатать список всех или части установленных шрифтов с примерами для каждого из них. В приложении есть так называемый Scratchpad (Черновик) для проверки того, как выглядит шрифт.
Кроме того, все ваши любимые шрифты можно поделить на группы и категории. AMP Font Viewer является бесплатным ПО и существует в английской и испанской версии.
Основные характеристики:
- Поддержка шрифтов TrueType, OpenType и Type1
- Установка шрифтов из папки (по одному или из списка)
- Временная установка шрифтов (пока работа с программой не будет завершена)
- Несколько опций для группирования шрифтов и управления ими
- Печать списка всех или некоторых из установленных шрифтов с примерами
- Поле черновика Scratchpad для проверки внешнего вида любого шрифта (установленного или из папки)
Font Fitting Room Deluxe (Win)
Интересной особенностью программы Font Fitting Room Deluxe является опция Настройка шрифтов ClearType. Включите эту функцию, чтобы переключиться в режим сглаживания шрифтов, установить значение контрастности шрифтов ClearType или же изменить настройки развертки ЖК-экрана.
Также вы можете предварительно просмотреть свой текстовый пример, листая шрифты в списке, при этом совсем необязательно регистрировать их в системе.
FontAgent Pro 4 (Mac)
Fontcase (Mac)
Влад Мержевич
Шрифт является неотъемлемой частью веб-дизайна, придаёт сайту выразительность и узнаваемость, выражает характерный стиль сайта и непосредственно связан с восприятием текстов. Хорошо подобранный шрифт может не замечаться, но без него не будет той изюминки, придающей дизайну сайта завершённость.
Если у вас на компьютере уже установлен специфический шрифт, то в стилях достаточно добавить строку.
h1 { font-family: SuperPuperFont; }
Значением свойства font-family выступает название гарнитуры шрифта, она будет применяться ко всем заголовкам
. Но что увидят посетители сайта, у которых наш эффектный и редкий шрифт не установлен? Подобная ситуация наиболее вероятна, так что если браузер не распознаёт заявленный шрифт, он будет использовать шрифт по умолчанию, к примеру в Windows это Times New Roman. Весь наш тщательно продуманный шрифтовой дизайн в одночасье рассыплется и пойдёт прахом, поэтому надо поискать наиболее универсальное решение. Первое что сразу же приходит в голову - это организовать загрузку файла шрифта на компьютер пользователя и отображение текста выбранным шрифтом. По сравнению с другими методами вроде отображения текста через рисунок этот способ самый простой и универсальный.
Какие плюсы в итоге даёт нам загрузка файла шрифта с последующим применением через CSS.
- Текст легко добавлять и править.
- В браузере можно пользоваться поиском и находить желаемые фразы.
- В настройках браузера можно уменьшать или увеличивать размер шрифта добиваясь комфортного просмотра.
- Поисковые системы хорошо индексируют содержимое документа.
- Текст можно выделить и скопировать в буфер, а также перевести на другой язык.
- Параметры текста вроде межстрочного расстояния, цвета, размера и тому подобное легко менять с помощью свойств CSS.
- К тексту опять же через CSS просто добавлять разные эффекты, например тень.
Как видите, преимуществ очень много. Небольшие минусы тоже имеются и для баланса их стоит упомянуть.
- Не все версии браузеров поддерживают загружаемый шрифт и один для всех формат.
- Файл, содержащий гарнитуру шрифта, может занимать большой объём, замедляя тем самым загрузку веб-страницы.
В табл. 1 перечислены версии браузеров и форматы шрифтов, которые они поддерживают.
| Формат | Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| TTF | 9.0+ | 4.0+ | 10.0+ | 3.1+ | 3.5+ | 2.2+ | |
| EOT | 5.0-8.0 | ||||||
| WOFF | 9.0+ | 5.0+ | 3.6+ | ||||
| SVG | 1.0+ | 9.0+ | 3.1+ | 3.5+ | 1.0+ |
Самый поддерживаемый формат - TTF. За исключением IE до версии 9.0 и iOS все браузеры его прекрасно понимают. Так что если у вас шрифт именно в этом формате и вы ориентируетесь на современные браузеры, никаких дополнительных действий делать не придётся. Достаточно в стилях написать следующий код (пример 1).
Пример 1. Подключение TTF
HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx
Вначале загружаем сам файл шрифта с помощью правила @font-face . Внутри него пишем название гарнитуры шрифта через параметр font-family и путь к файлу через src . Дальше используем шрифт как обычно. Так, если нам требуется задать шрифт заголовка, то для селектора h1 , как показано в примере, задаём свойство font-family с именем загруженного шрифта. Для старых версий IE через запятую перечисляем запасные варианты. В данном случае шрифт заголовка будет «Comic Sans MS», поскольку IE8 и ниже не поддерживает формат TTF.
Результат данного примера показан на рис. 1.
Рис. 1. Заголовок с загруженным шрифтом
Что делать, если вам позарез нужен витиеватый шрифт в IE8? К счастью, @font-face позволяет подключать одновременно несколько файлов шрифтов разных форматов. Браузеру остаётся только выбрать подходящий. Таким образом, универсальное решение, работающее во всех браузерах, сводится к конвертации имеющегося формата TTF в EOT с последующим подключением обоих файлов.
Для конвертации имеется несколько онлайновых сервисов, позволяющих загрузить TTF-файл и на выходе получить EOT-файл. К сожалению, у большинства этих сервисов одна и та же беда - файл мы получаем, но русский язык в нём не поддерживается. В итоге нужный результат не достигается, конвертация происходит неверно. Среди проверенных мной сайтов оказался один, показавший текст в IE правильно.
Переходим на этот сайт, загружаем TTF-файл и нажимаем кнопку «Convert TTF to EOT», после чего сохраняем полученный файл в папку со шрифтами. В стилях осталось совершить небольшой трюк и заставить разные браузеры загружать шрифт в нужном формате. Для этого добавляем два параметра src . Первый указывает на файл EOT и предназначен для старых версий IE. Второй параметр src должен содержать два адреса перечисляемых через запятую, один из них указывает на файл TTF. Дело в том, что IE версии 8.0 и младше не понимает запятую в параметре src и, соответственно, будет игнорировать параметр целиком. Вариантов написания может быть несколько, например, повторить url , указать имя шрифта внутри параметра local или вообще написать несуществующий шрифт. Если браузер не сможет загрузить такой шрифт, то он перейдёт ко второму в списке, а он у нас написан правильно. Допустимые способы написания.
src: url(fonts/pompadur.ttf), url(fonts/pompadur.ttf);
src: local(pompadur), url(fonts/pompadur.ttf);
src: local("bla bla"), url(fonts/pompadur.ttf);
Работающий вариант подключения шрифта для всех версий браузеров показан в примере 2.
Пример 2. Подключение EOT
HTML5 CSS3 IE Cr Op Sa Fx
Современный элемент политического процесса
По сути, политическое учение Монтескье приводит континентально-европейский тип политической культуры, что получило отражение в трудах Михельса.
Что касается iOS, то делать и загружать отдельный шрифт в формате SVG как мне кажется нет особого смысла. Аудитория сайтов просматривающая его через iOS пока невелика, к тому же версию сайта под мобильные устройства стараются облегчить, и загружать дополнительные несколько десятков килобайт не желательно.
Google Web Fonts
Удобный сервис, берущий на себя рутину по поддержке разных форматов шрифтов и версий браузеров, вы найдёте по адресу www.google.com/webfonts . Хотя в коллекции сравнительно мало разных шрифтов (их несколько десятков), все они подобраны очень качественно и свободны для использования на сайтах.
Перед выбором шрифта переключите значение Script на Cyrillic, тогда вы увидите список шрифтов поддерживающих русский язык (рис. 2).
Рис. 2. Выбор шрифтов в Google Web Fonts
Понравившийся шрифт предварительно следует добавить в коллекцию, нажав на кнопку «Add to Collection», а затем на кнопку «Use» в правом нижнем углу экрана. На следующей странице (рис. 3) вы можете окончательно выбрать нужные вам шрифты. При этом надо понимать, что гарнитура шрифта может содержать несколько начертаний и каждое из них повышает объём загружаемых файлов.
Рис. 3. Загружаемые на страницу шрифты
Подключить выбранные шрифты можно одним из трёх путей, добавляемый код можно скопировать ниже по странице.
1. Через элемент . Строка будет иметь примерно следующий вид.
2. Через правило @import . Такую строку вставляем в свой CSS-файл в самом верху.
@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);
3. Через JavaScript.
В принципе, все пути равноценны, так что выбирайте по своему предпочтению.
Преимущества применения данного сервиса такие.
- Шрифты свободны для использования, вам не нужно за них платить.
- Предлагаемые шрифты «заточены» для просмотра на экране, файлы оптимизированы и занимают сравнительно небольшой объём.
- Браузер определяется автоматически и под него выдаётся шрифт в нужном формате.
Один из основных плюсов сервиса, что шрифты хранятся в форматах TTF, EOT, WOFF, SVG и загружаются после проверки браузера. Так, формат EOT будет доступен только для старых версий IE.
Использовать Google Web Fonts или нет решать вам. Если не нашли там подходящего шрифта, всегда можно подключить популярный и распространённый TTF. Тем более, что он поддерживается последними версиями всех популярных браузеров.