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

Тема в разделе "Верстка", создана пользователем WiZXaK, 7 дек 2012.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. WiZXaK

    WiZXaK Причиняю добро

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

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

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

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

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

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

    "Безопасные" шрифты (Шрифты поддерживающие кириллицу)
    - Arial
    - Arial Black
    - Comic Sans MS
    - Courier New
    - Georgia
    - Impact
    - Times New Roman
    - Trebuchet MS
    - Verdana
    [​IMG]
    * в колонке напротив шрифта означает, что родных кириллических эквивалентов Windows шрифта у операционной системы не имеется. Но в то же время есть большая вероятность, что в операционной системе установлен непосредственно сам этот шрифт.

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

    Бонус:
    Перейти по ссылке
    Перейти по ссылке
    Расширение для гугл хрома: Перейти по ссылке - Просмотр шрифтов на сайте без установки.

    P.S: Yannick Mathey создает программу генератор шрифтов — Перейти по ссылке (Жду с нетерпением). Демонстрация работы программы:
     
    Caro, ss777, kuzmit42 и 8 другим нравится это.
  2. kuzmit42

    kuzmit42 Постоялец

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

    petro Создатель

    Регистр.:
    17 сен 2011
    Сообщения:
    25
    Симпатии:
    2
    Самый надежный и простой сконвертировать otf(ttf) в woff (вес не будет привышать 40-50кб, а остальные форматы не нужны) и подключать его локально.
     
    Caro нравится это.
  4. alexmay

    alexmay Постоялец

    Регистр.:
    7 июн 2011
    Сообщения:
    50
    Симпатии:
    7
    Перейти по ссылке
    Хороший онлайн конвертатор, с удобным демо примером подключенния конвертированных шрифтов.
     
    Caro нравится это.
  5. errante

    errante Создатель

    Регистр.:
    10 фев 2013
    Сообщения:
    14
    Симпатии:
    3
    Еще онлайн конверторы шрифтов для веба:
    Перейти по ссылке - конвертер ttf шривтов в eot для ишака
    Перейти по ссылке (нужна регистрация, много настроек, поддерживает большое кол-во выходных форматов)
     
  6. php-elvin

    php-elvin Постоялец

    Регистр.:
    11 сен 2012
    Сообщения:
    111
    Симпатии:
    67
    на различных конвертерах шрифтов в веб шрифты бывает проблемы с русским,
    вот сервис всегда выдает то что нужно Перейти по ссылке
     
    alexmay нравится это.
  7. AndryB

    AndryB Писатель

    Регистр.:
    9 мар 2013
    Сообщения:
    2
    Симпатии:
    0
    Перейти по ссылке
    - проблем с русскими буквами нет - проверено большим количеством различных шрифтов
     
  8. anikey

    anikey Создатель

    Регистр.:
    20 мар 2013
    Сообщения:
    28
    Симпатии:
    1
Статус темы:
Закрыта.