Выбираем шрифты для сайта
- Главная
- >
- Статьи и переводы
- Выбираем шрифты для сайта
- >
Подборка 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/ - Удобный сервис для просмотра веб-шрифтов, в том числе с применением различных эффектов.
- http://www.font2web.com/ - Хороший онлайн конвертатор, с удобным демо примером подключенния конвертированных шрифтов.
- http://www.howtocreate.co.uk/ - конвертируем текст в javascript
- http://fontface.codeandmore.com/ - font-face kit generator
Подключаем шрифты к сайтам:
Тут я опишу самые популярные технологии.
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" и вставляете ссылку на скрипт у себя на сайте.
Все делается за пару минут, но минусы тоже есть. А это загрузка скрипта с стороннего сайта (гугла), не все шрифты поддерживают кириллицу.