Выбираем шрифт для сайта - Online сервисы

[WiZXaK]

Шрифт является неотъемлемой частью веб-дизайна. Если правильно выбрать необходимый шрифт, размер шрифта, его цвет и написание, то это очень значительно может повлиять на эффективность всего дизайна сайта.

Подборка online ресурсов по работе со шрифтами​

Подбор шрифтов:
- Для просмотра ссылки Войди или Зарегистрируйся - Тестирования и подбора шрифтов, вывод его в CSS.
- Для просмотра ссылки Войди или Зарегистрируйся - Работа с разными стилями и атрибутами текста и вывод в CSS.
- Для просмотра ссылки Войди или Зарегистрируйся - Подбор шрифта и цвета.
- Для просмотра ссылки Войди или Зарегистрируйся - Помошник в выборе шрифта.
- Для просмотра ссылки Войди или Зарегистрируйся - Просмотр вашего текста в разном стиле.
- Для просмотра ссылки Войди или Зарегистрируйся - Аналогичен предыдущему (более расширен).
- Для просмотра ссылки Войди или Зарегистрируйся - Русский онлайн Lorem Ipsum генератор.

Распознавание шрифтов:
- Для просмотра ссылки Войди или Зарегистрируйся - Определение шрифта по образцу.
- Для просмотра ссылки Войди или Зарегистрируйся - Выявляет шрифт через ряд вопросов о нем.
- Для просмотра ссылки Войди или Зарегистрируйся - Крупнейшее сообщество на тему шрифтов.
- Для просмотра ссылки Войди или Зарегистрируйся - поиск шрифтов по образцам.
- Для просмотра ссылки Войди или Зарегистрируйся - выясняет название по форме отдельных символов.
- Для просмотра ссылки Войди или Зарегистрируйся - определяет названия шрифтов, используемых в различных изображениях.
- Для просмотра ссылки Войди или Зарегистрируйся - бесплатный онлайн сервис для моментальной идентификации шрифта.

Скачать шрифты:
- Для просмотра ссылки Войди или Зарегистрируйся - Крупнейший сервис по шрифтам.
- Для просмотра ссылки Войди или Зарегистрируйся - бесплатный русскоязычный сервис для поиска и подбора интересующегося Вас шрифта.
- Для просмотра ссылки Войди или Зарегистрируйся - Большой русскоязычный сервис шрифтов.
- Для просмотра ссылки Войди или Зарегистрируйся - шрифты с предпросмотром вашего примера.
- Для просмотра ссылки Войди или Зарегистрируйся - База шрифтов с просмотром Online

Прочее:
- Для просмотра ссылки Войди или Зарегистрируйся - создание собственных шрифтов Online
- Для просмотра ссылки Войди или Зарегистрируйся - загрузка и доробатка ваших шрифтов.
- Для просмотра ссылки Войди или Зарегистрируйся - С помощью этого сервиса можно с легкостью переводить одни единицы измерения шрифтов в другие и получить css код.
- Для просмотра ссылки Войди или Зарегистрируйся - Онлайн сервис для подготовки эффектного текста.
- Для просмотра ссылки Войди или Зарегистрируйся - Удобный сервис для просмотра веб-шрифтов, в том числе с применением различных эффектов.

"Безопасные" шрифты (Шрифты поддерживающие кириллицу)​

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

​

* в колонке напротив шрифта означает, что родных кириллических эквивалентов Windows шрифта у операционной системы не имеется. Но в то же время есть большая вероятность, что в операционной системе установлен непосредственно сам этот шрифт.

Выбор шрифта:​

​

​

Бонус:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

P.S: Yannick Mathey создает программу генератор шрифтов — Для просмотра ссылки Войди или Зарегистрируйся (Жду с нетерпением). Демонстрация работы программы:

 

[kuzmit42]

Подключаем шрифты к сайтам:
Тут я опишу самые популярные технологии.
1. CUFON
Для просмотра ссылки Войди или Зарегистрируйся Генератор cufon
закидываете нужный шрифт - на выходе получаете Подключаемый JS файл. Как пользоваться технологией написано на их сайте.
2. FONT-FACE
Для просмотра ссылки Войди или Зарегистрируйся - Закидываем нужный шрифт получаем 4 файла шрифтов, для подключения к разным браузером. Как подключать читаем тут Для просмотра ссылки Войди или Зарегистрируйся, или в гугле
3. sIFR
Для просмотра ссылки Войди или Зарегистрируйся
Вставляем шрифты с помощью Флеша. Смотрятся не плохо но такой способ на любителя. Иногда идет задержка при отображении.
Как пользоваться читаем тут Для просмотра ссылки Войди или Зарегистрируйся
4. GOOGLE WEB FONT
Для просмотра ссылки Войди или Зарегистрируйся
Использование шрифтов от гугла. Есть галерея готовых шрифтов, просто выбираете понравившийся вам шрифт, жмете "Quick Use" и вставляете ссылку на скрипт у себя на сайте.
Все делается за пару минут, но минусы тоже есть. А это загрузка скрипта с стороннего сайта (гугла), не все шрифты поддерживают кириллицу.

 

[petro]

Самый надежный и простой сконвертировать otf(ttf) в woff (вес не будет привышать 40-50кб, а остальные форматы не нужны) и подключать его локально.

 

[alexmay]

Для просмотра ссылки Войди или Зарегистрируйся
Хороший онлайн конвертатор, с удобным демо примером подключенния конвертированных шрифтов.

 

[errante]

Еще онлайн конверторы шрифтов для веба:
Для просмотра ссылки Войди или Зарегистрируйся - конвертер ttf шривтов в eot для ишака
Для просмотра ссылки Войди или Зарегистрируйся (нужна регистрация, много настроек, поддерживает большое кол-во выходных форматов)

 

[php-elvin]

на различных конвертерах шрифтов в веб шрифты бывает проблемы с русским,
вот сервис всегда выдает то что нужно Для просмотра ссылки Войди или Зарегистрируйся

 

[AndryB]

Для просмотра ссылки Войди или Зарегистрируйся
- проблем с русскими буквами нет - проверено большим количеством различных шрифтов

 

[anikey]

Для просмотра ссылки Войди или Зарегистрируйся конвертируем текст в javascript