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

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

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

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

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

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

    Подбор шрифтов:
    - http://www.typetester.org/ - Тестирования и подбора шрифтов, вывод его в CSS.
    - http://csstypeset.com/ - Работа с разными стилями и атрибутами текста и вывод в CSS.
    - http://www.designerplaything.co.uk/designer-plaything.html - Подбор шрифта и цвета.
    - http://www.texster.ru/ - Помошник в выборе шрифта.
    - http://flippingtypical.com/ - Просмотр вашего текста в разном стиле.
    - http://www.stcassociates.com/lab/fontbrowser.html - Аналогичен предыдущему (более расширен).
    - http://www.blindtextgenerator.com/ru - Русский онлайн Lorem Ipsum генератор.

    Распознавание шрифтов:
    - http://www.myfonts.com/WhatTheFont/ - Определение шрифта по образцу.
    - http://www.identifont.com/identify.html - Выявляет шрифт через ряд вопросов о нем.
    - http://www.typophile.com/ - Крупнейшее сообщество на тему шрифтов.
    - http://www.bowfinprintworks.com/ - поиск шрифтов по образцам.
    - http://www.fontshop.com/research/ - выясняет название по форме отдельных символов.
    - http://www.flickr.com/groups/typeid/ - определяет названия шрифтов, используемых в различных изображениях.
    - http://fount.artequalswork.com/ - бесплатный онлайн сервис для моментальной идентификации шрифта.

    Скачать шрифты:
    - http://www.xfont.ru/ - Крупнейший сервис по шрифтам.
    - http://www.fontov.net/ - бесплатный русскоязычный сервис для поиска и подбора интересующегося Вас шрифта.
    - http://ifont.ru/ - Большой русскоязычный сервис шрифтов.
    - http://www.dafont.com/ - шрифты с предпросмотром вашего примера.
    - http://www.fonts-online.ru/ - База шрифтов с просмотром Online

    Прочее:
    - http://fontstruct.com/ - создание собственных шрифтов Online
    - http://www.fontsquirrel.com/fontface/generator - загрузка и доробатка ваших шрифтов.
    - http://pxtoem.com/ - С помощью этого сервиса можно с легкостью переводить одни единицы измерения шрифтов в другие и получить css код.
    - http://csswarp.eleqtriq.com/ - Онлайн сервис для подготовки эффектного текста.
    - http://www.bestwebfonts.com/ - Удобный сервис для просмотра веб-шрифтов, в том числе с применением различных эффектов.

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

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

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

    Бонус:


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

    kuzmit42 Постоялец

    Регистр.:
    9 янв 2013
    Сообщения:
    131
    Симпатии:
    31
    Подключаем шрифты к сайтам:
    Тут я опишу самые популярные технологии.
    1. CUFON
    http://cufon.shoqolate.com/generate/ Генератор cufon
    закидываете нужный шрифт - на выходе получаете Подключаемый JS файл. Как пользоваться технологией написано на их сайте.
    2. FONT-FACE
    http://www.fontsquirrel.com/fontface/generator - Закидываем нужный шрифт получаем 4 файла шрифтов, для подключения к разным браузером. Как подключать читаем тут http://htmlbook.ru/css/font-face, или в гугле
    3. sIFR
    http://www.mikeindustries.com/blog/sifr/
    Вставляем шрифты с помощью Флеша. Смотрятся не плохо но такой способ на любителя. Иногда идет задержка при отображении.
    Как пользоваться читаем тут http://habrahabr.ru/post/61033/
    4. GOOGLE WEB FONT
    http://www.google.com/webfonts#
    Использование шрифтов от гугла. Есть галерея готовых шрифтов, просто выбираете понравившийся вам шрифт, жмете "Quick Use" и вставляете ссылку на скрипт у себя на сайте.
    Все делается за пару минут, но минусы тоже есть. А это загрузка скрипта с стороннего сайта (гугла), не все шрифты поддерживают кириллицу.
     
    Caro и ss777 нравится это.
  3. petro

    petro Создатель

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

    alexmay Постоялец

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

    errante Создатель

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

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

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

    AndryB Писатель

    Регистр.:
    9 мар 2013
    Сообщения:
    2
    Симпатии:
    0
  8. anikey

    anikey Создатель

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