Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Самый удобный сайт со шрифтами.
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
26
Отследить-посылку

Отследить-посылку

отследить-посылку.рф

25
Битрикс24

Битрикс24

www.bitrix24.ru

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Логомашина

Логомашина

logomachine.ru

12
Devicerra

Devicerra

devicerra.com

11
Reader

Reader

Интернет-журнал о современных технологиях.

9
ADN Digital Studio

ADN Digital Studio

adn.agency

9
Aword

Aword

Приложение для изучения английских слов

9
GIFTD

GIFTD

giftd.tech

8
Eczo.bike

Eczo.bike

www.eczo.bike

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк в Facebook

Немного статистики по шрифтам в проектах на Spark.

700 6 В избранное Сохранено
Авторизуйтесь
Вход с паролем
В субботу для себя собирали статистику по используемым шрифтам в проектах на Спарке, и решили дать посмотреть ее и вам.

В статистике учитывались сайты, которые открылись хотя бы с третьего раза.



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

Например, мы в группе собираем полезные советы, следуя которым, текст на ваших сайтах может превратиться из каши во что-то вменяемое. Не поленитесь, прочтите.

А для того, чтобы быть в курсе тенденций дизайна и типографики в частности, посещайте: Behance.net, Dribbble.com, Smashingmagazine.com, A List Apart. Кроме того, периодическое посещение этих ресурсов развивает то самое чувство прекрасного.

Спасибо за внимание.
0
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Первые Новые Популярные
Ян
Интересно и полезно )
Ответить
WebFont.ru
Самый удобный сайт со шрифтами.
Александр
Стоит сказать, что у многих проектов вообще нет хоть какой-нибудь странички в сети. Поэтому процент сайтов с нестандартными шрифтами должен быть выше. Может кто из Спарка скажет? Мы поправим картинку.
Ответить
IlovePRG
Лучший путеводитель по Праге
GuideSites
Можете сказать, нормальный шрифт у нас (http://iloveprg.ru/muzej-alximikov-i-magov-staroj-pragi/)?
Ответить
WebFont.ru
Самый удобный сайт со шрифтами.
Александр
Константин, я на самом деле не профессиональный дизайнер или типограф, чтобы давать однозначные оценки. Но в целом у вас все вполне себе читабельно. Есть контраст, выдержан интерлиньяж, кегль шрифта и количество символов в строке весьма умеренны.
Похоже, используется стандартная типографика от какой-то вордпрессовской темы.

Заметил только "замыленность" вот тут http://clip2net.com/s/5BQ2Dr.
Если сильно хочется тень у текста, то можно наоборот, сделать контрастней: http://clip2net.com/s/5BQ4nU (заменил цвет тени с #fff на rgba(0,0,0,.3);)

Еще один момент - использование шрифтов Droid Sans и Droid Serif, которые вы тянете с Гугла. У них нет кириллицы, поэтому ваши заголовки рисуются шрифтом Georgia. Если хотите использовать Droid'ы, скачайте их у нас. Мы буквально в понедельник выложили эксклюзив в виде кириллицы.
Ответить
IlovePRG
Лучший путеводитель по Праге
GuideSites
Спасибо. С плагином "Похожие статьи" не могу никак разобраться, точнее с CSS, потому что ничего в нем не понимаю.

#crp_related ul {
list-style: none;
float: left;
margin: 0;
}
#crp_related li, #crp_related a {
float: left;
overflow: hidden;
position: relative;
text-align: center;
}
#crp_related li {
margin: .9em;
border: 1px solid #ddd;
padding: 6px;
}
#crp_related li:hover {
background: #eee;
border-color: #bbb;
}
#crp_related a {
width: 150px;
height: 150px;
}
#crp_related a:hover {
text-decoration: none;
}
#crp_related img {
max-width: 150px;
margin: auto;
}
#crp_related .crp_title {
position: absolute;
height: inherit;
bottom: 6px;
left: 6px;
padding: 3px;
width: 144px; /* = 150px - (3px * 2) */
color: #fff;
font-size: .9em;
text-shadow: #fff .1em .1em .2em;
background: rgb( 0, 0, 0.3);
background: rgba( 255, 0, 0, 0.5);
}
#crp_related li:hover .crp_title {
background: rgb( 255, 0, 0);
background: rgba( 255, 0, 0, 0.5);
}

Сам цвет ссылки берется от основного CSS. Как изменить цвет ссылки только для похожих статей - не знаю.

Да, действительно - шрифт Droid является стандартным для моей темы. Как добавить ваш шрифт в Wordpress?
Ответить
WebFont.ru
Самый удобный сайт со шрифтами.
Александр
Боюсь, что если мы начнем заниматься решением технических проблем, то это может затянуться в большую дискуссию. И Спарк все же не для этого. С вашим вопросом рекомендую обратиться либо к форумам, либо погуглить самостоятельно. В сети очень много примеров как подключаются шрифты и в целом по html+css.
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать