Секретные записки веб-программиста

ПОРТФОЛИО СТАТЬИ ПОЛЕЗНОСТИ ФОТО ГОСТЕВАЯ КОНТАКТЫ



Метки статей:
100mbru, CentOS, cms, drupal, joomla, LAMP, linux, mysql, nicru, Open-Source, Red Hat, seo, Typo3, ubuntu, авто, администрирование, алгоритмы, алкоголь, бизнес, битрикс, видео, военмех, выборы, германия, джино, домены, интересности, исследования, картинки, кино, кодинг, компьютеры, ливия, магазин, маразм, мастерхост, обработка-изображений, пейнтбол, политика, политэкономия, прикольное-видео, путешествия, работа, религия, рунет, сайтостроение, сео, сми, технологии, украина, форум, хиханьки, холивары, хостинг

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

- 26-06-15

Теги статьи: работа, сайтостроение

Подборка 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" и вставляете ссылку на скрипт у себя на сайте.
Все делается за пару минут, но минусы тоже есть. А это загрузка скрипта с стороннего сайта (гугла), не все шрифты поддерживают кириллицу.

источник


Версия для печати