Web шрифты для Photoshop и вашего проекта!
Рады приветствовать вас на нашем скромном сайте, где мы собрали лучшие шрифты для вас. Сотни русскоязычных (кириллических) и латинских шрифтов рассортированы в удобные категории для вас. Мы постарались удобно отобразить каждое начертания шрифта, максимально удобно и информативно реализовать процесс скачивания и установки шрифта на сайт. Если вам не нужен весь шрифт целиком, вы всегда можете отдельно скачать и установить именно то начертание, которое вам нужно. Если вы новичок, у нас есть для вас подробная инструкция по установке шрифта в любую операционную систему или Photoshop.
Спасибо огромное, что делитесь с нами интересными шрифтам. Продолжайте в том же духе и мы сделаем этот ресурс еще лучше и полезнее для Вас.
Не смогли найти нужный шрифт — предложите его нам, мы обязательно его добавим!
Предложить шрифтПредложить еще один шрифт?
Произошла неведомая ошибка…попробуйте позже, или воспользойтесь формой обратной связи!
Недавно добавленные
WebFonts.pro — all what you needed!
Как и его старший брат, EOT (Embedded Open Type), WOFF файл является по сути архивированым файлом шрифта.
Шрифты True Type поддерживаются всеми популярными операционными системами.
Новый шрифт San Francisco от Apple, используемый в последней iOS 9.
Lato — это sans serif созданый в 2010 году Варшавским дизайнером.
Установить шрифт для Photoshop? Легко! Все ответы в разделе FAQ.
WOFF был официально добавлен в W3C Fonts Working Group 8-ого апреля, 2010 года.
WebFonts.pro — лучший ресурс для WEB дизайнера!Отличный гротесковый шрифт Gotham Pro с поддержкой кириллицы. 12 начертаний.
Non omne, quod nitet, aurum est. — Не все то золото, что блестит
Назад1 2 3 4 5 6 7 8 9 10 … 118
Впередwebfonts.pro
Конвертирование шрифтов на WebFont.ru / WebFont corporate blog / Habr
Всем привет!
Полтора года назад вышла статья о тестировании конвертеров шрифтов, в которой мы сказали, что будем делать свой конвертер. И вот неделю назад он был успешно запущен.
Основной задачей у нас было добиться вменяемого качества, чтобы не было пляшущих и залипающих букв. Поиски оптимального решения продолжались очень долго. Были испробованы разные инструменты и настройки. Например, мы почти полностью отказались от самого популярного инструмента для конвертирования — FontForge. В итоге были получены подобные результаты (было и стало):
В некоторых случаях получалось даже улучшать не совсем качественные исходные шрифты.
На самом деле в Fontsquirrel можно добиваться приемлемого качества шрифтов, если поиграть с настройками. Остальные конвертеры не предлагают вообще никаких настроек. В нашем конвертере пока тоже нет никаких настроек, но качество получается достойное.
Форматы
Второй задачей у нас было внедрение woff2. Это относительно новый формат шрифтов, отличающийся от предыдущей версии улучшенной компрессией. Согласно тестированию шрифтов из Google Fonts наблюдалось увеличение сжатия от 12 до 61 процента.
На нашем примере мы получили следующие результаты*
| Шрифт | ttf(кб) | woff | woff2 |
|---|---|---|---|
| Open Sans | 217 | 58 | 44 |
| PT Sans | 429 | 51 | 39 |
| Lato | 632 | 315 | 200 |
| Fira Sans | 152 | 103 | 69 |
| Roboto | 126 | 80 | 60 |
На объем шрифта влияла корректировка хинтинга, пример стоит воспринимать как сравнение woff\woff2
На данный момент woff2 поддерживается вебкитовыми браузерами (кроме Safari) и Firefox.
Вторым изменением в форматах у нас был отказ от eot. С лета 2014 года мы не поддерживаем этот формат в импортах, но судя по статистике это абсолютно никого не останавливало — трафик ни разу не просел. Теперь, глядя на статистику по браузерам в Рунете, мы решили полностью отказаться от этого архаизма. Для деградации во многих случаях можно использовать системные sans-serif, serif и monospace в font-family.
Subsetting
Несколько раз нам указывали на преимущество «белки» в ее возможности сконвертировать не весь шрифт, а определенные символы. Это один из ключевых моментов в оптимизации загрузки страницы с кастомным шрифтом. Задача была также решена. Теперь можно сконвертировать любое(ну почти) количество символов из любого шрифта.
Выделять можно как целыми диапазонами, так и вводом определенных символов.
Задачи на будущее
В ближайшем будущем конвертер будет дополнен некоторыми опциями. Появится возможность конвертировать несколько файлов за раз, возможность сохранить шрифт в base64 и, возможно, некоторые настройки хинтинга и механизмов сглаживания шрифтов.
С момента запуска конвертера прошло не так много времени, поэтому возможны еще некоторые баги и недоразумения. При обнаружении подобного просим сигналить куда-нибудь.
Конвертер доступен по клику «Получить шрифт» > Расширенные возможности
Прочее
Вместе с выпуском конвертера был обновлен интерфейс и проведена ревизия коллекции шрифтов. В результате некоторые подключенные шрифты перестали работать. Особо обидчивые пользователи упрекнули нас в несерьезном подходе к делу. В связи с этим напоминаем, что WebFont.ru — не замена и не аналог Google Fonts. Почти в каждой статье и при любом удобном случае мы говорим об этом, а на сайте в окошке с подключением шрифта есть даже предупреждение. Подключать шрифты можно, но исключительно с целью тестирования или подбора подходящего начертания. Спасибо за понимание. Чтобы быстро реагировать на подобные изменения, рекомендуем подписаться на наши сообщества в соц. сетях, информация обо всех изменениях появляется там оперативно.
Еще одним полезным нововведением стала публикация оригиналов шрифтов. До этого мы замечали, что дизайнеры скачивали веб-шрифты, вытаскивали оттуда ttf и устанавливали в систему. Минусом было то, что такие шрифты урезаны до двух диапазонов: latin + cyrillic. Теперь же все шрифты доступны отдельными архивами с полным набором символов в форматах otf\ttf.
На этом сегодня всё, ждем ваши отзывы и предложения.
Спасибо за внимание.
habr.com
бесплатные шрифты, расширение для браузеров и плагины
На страницах Дизайн Мании вы уже могли читать посты про сервисы библиотеки кириллических шрифтов или глобальные каталоги Urbanfonts и Dafont.com. Там найдете десятки тысяч разных материалов! Сегодня расскажу об одном похожем отечественном проекте, где шрифтов заметно меньше, но есть другие полезные плюшки. Называется он Webfont.ru.
Сейчас в каталоге имеется 337 шрифтов. Сразу же на главной странице можете найти нужный шрифт по названию или выбрать одну из категорий: без засечек, с засечками, декоративные, моноширинные. Если кликнуть по ним, попадаете в ленту со всеми соответствующими шрифтами.
Тут дополнительно можно оставить лишь кириллические шрифты, если нужно. Кроме того, имеется дополнительный рубрикатор — облако тегов. Эта опция достаточно удобна, пусть и работает сейчас только в бета версии — один клик и получите, например, все ретро шрифты.
Вы можете как скачать шрифт, так и использовать его просто добавив нужный код на свой сайт. Например в файл стилей CSS.
@import «http://webfonts.ru/import/ptsans.css»;
Но не шрифтами едиными. В разделе «Полигон» вы найдете в режиме реального времени подобрать шрифты для своего веб-проекта. Вводите нужный текст, а затем выбираете оформление.
По каждому шрифту имеется полный набор его параметров дабы легко и наглядно можно было бы их изменять. После завершения работы вы можете отправить ссылку на полигон своему знакомому или заказчику, а также получить готовый HTML/CSS код для вставки на сайт.
Самое интересное, что этот функционал вы можете использовать как расширение для браузера Google Chrome и Opera Next. С его помощью сможете узнать параметры элемента на веб-странице, а также применить к нему определенные свойства.
Вы можете кликнуть по ссылке «Получить CSS» и скачать требуемый CSS код.
Кроме того, имеются плагины для текстовых редакторов (NotePad++ и других). Также можете зайти в блог проекта хотя там всего три поста. В целом, сервис Webfont.ru понравился даже не смотря на то, что шрифтов не более 380 штук.
design-mania.ru
Веб шрифты | RuFonts.pro
На RuFonts.pro можно бесплатно скачать шрифты и использовать у себя на сайте для оформления заголовков, цитат, абзацев, списков или других элементов текста. Предлагаемые наборы также легко установить в MacOS, Windows и Linux или редакторы Photoshop, Figma, Sketch и Adobe InDesign. Если никогда не сталкивались с инсталляцией шрифтовых коллекций, ознакомьтесь с подробной инструкцией.
Для удобства отбора шрифтов на портале работает подбор по тегам и интеллектуальная поисковая система. Когда в поле вводится текст, специальная программа в режиме реального времени ищет наборы с ключевым словом в названии. При наличии коллекции в базе данных в выпадающей области появляется список ссылок. Щелчок по любой из них автоматически переанаправляет на страницу с подробным описанием семейства.
У каждого шрифта есть своя отдельная страничка, где в наглядном виде представляются все доступные начертания. Если пользовались набором ранее, обязательно оцените качество. Достаточно нажать на значок с поднятым вверх или опущенным вниз пальцем. Ваш голос поможет коллегам дизайнерам, вебмастерам и пользователям сети лучше понять ценность конкретной коллекции.
Чтобы скачать понравившееся семейство, щёлкните по кнопке загрузки. После нажатия откроется окно с предложением оказать материальную или «социальную» помощь. Поскольку сайт действует не на коммерческой основе, наша команда будет рада любым пожертвованиям. При отсутствии возможности перевести деньги, поделитесь ссылкой на портал в популярных соцсетях.
В скачиваемых с сайта архивах находятся не только начертания шрифтов в форматах TTF, EOT, WOFF и WOFF2. Дополнительно вы найдёте файл stylesheet.css с уже прописанными стилями для подключения через @font- face. Благодаря этому не придётся тратить время на самостоятельное написание правил.
Хотя на портал постоянно добавляются шрифты, из-за ограниченных ресурсов администрации трудно уследить за всеми новинками. Вы очень нам поможете, если пришлёте название или ссылку на набор, которого нет в каталоге. Нажмите кнопку «Предложить Шрифт», а потом заполните и отправьте форму. Добавим рекомендованную вами коллекцию в кратчайшие сроки.
rufonts.pro