Главное Авторские колонки Вакансии Вопросы
Fontstorage Fontstorage 876 6 В избр. Сохранено
Авторизуйтесь
Вход с паролем

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

Мнение автора может не совпадать с мнением редакции
В субботу для себя собирали статистику по используемым шрифтам в проектах на Спарке, и решили дать посмотреть ее и вам.

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



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

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

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

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

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

Еще один момент - использование шрифтов Droid Sans и Droid Serif, которые вы тянете с Гугла. У них нет кириллицы, поэтому ваши заголовки рисуются шрифтом Georgia. Если хотите использовать Droid'ы, скачайте их у нас. Мы буквально в понедельник выложили эксклюзив в виде кириллицы.
Ответить
0
IloveVenezia
Путеводитель по Венеции
GuideSites 1451
22 авг 2013
Спасибо. С плагином "Похожие статьи" не могу никак разобраться, точнее с 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?
Ответить
0
Fontstorage
Самый удобный сайт со шрифтами.
Александр 960
22 авг 2013
Боюсь, что если мы начнем заниматься решением технических проблем, то это может затянуться в большую дискуссию. И Спарк все же не для этого. С вашим вопросом рекомендую обратиться либо к форумам, либо погуглить самостоятельно. В сети очень много примеров как подключаются шрифты и в целом по html+css.
Ответить
0
Выбрать файл
Не пропустите публикацию!
Fontstorage
Самый удобный сайт со шрифтами.
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать
О проекте Проекты Реклама Связаться с редакцией
16+
Редакция team@spark.ruТехническая поддержка help@spark.ruПродвижение adv@spark.ruТелефон +7 495 137-07-07
Учредитель сетевого издания Барабанова.Ю.Б., ИНН 500111143150
Редакционные материалы ООО «Редакция Спарк Ру»
Сообщения и материалы сетевого издания Spark (за исключением авторских колонок) (зарегистрировано Федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций (Роскомнадзор) 27 января 2025 года за номером ЭЛ №ФС77-89031 сопровождаются пометкой «Spark_news» или «Редакция Spark.ru», или «Spark».
Правовая информация Правила пользования сайтом Политика обработки персональных данных Правила рекомендательных технологий

Перечень запрещённых/экстремистских организаций и иностранных агентов

Запрещённые/экстремистские организации и сообщества

Альянс Врачей, Агора, Голос, Гражданское содействие, Династия (фонд), За права человека, Комитет против пыток, Левада-Центр, Мемориал, Молодая Карелия, Московская школа гражданского просвещения, Пермь-36, Ракурс, Русь Сидящая, Сахаровский центр, Сибирский экологический центр, ИАЦ Сова, Союз комитетов солдатских матерей России, Фонд борьбы с коррупцией (ФБК), Фонд защиты гласности, Фонд свободы информации, Центр «Насилию.нет», Центр защиты прав СМИ, Transparency International, Meta (Facebook и Instagram), Русский добровольческий корпус (РДК), Правый сектор, Украинская повстанческая армия (УПА), ИГИЛ, полк Азов, Джебхат ан-Нусра, Национал-Большевистская партия (НБП), Аль-Каида, УНА-УНСО, Талибан, Меджлис крымско-татарского народа, Свидетели Иеговы, Мизантропик Дивижн, Братство, Артподготовка, Тризуб им. Степана Бандеры, НСО, Славянский союз, Формат-18, Хизб ут-Тахрир, Исламская партия Туркестана, Хайят Тахрир аш-Шам, Таухид валь-Джихад, АУЕ, Братья мусульмане, Колумбайн, Навальный, К. Буданов, медиапроект «ОВД-Инфо», объединение «Револьт-центр», проект «Сфера».


Перечень иностранных агентов и запрещённых СМИ

Киселёв Евгений Алекссевич, WWF, Белый Руслан Викторович, Анатолий Белый (Вайсман), Касьянов Михаил Михайлович, Бер Илья Леонидович, Троянова Яна Александровна, Галкин Максим Александрович, Макаревич Андрей Вадимович, Шац Михаил Григорьевич, Гордон Дмитрий Ильич, Лазарева Татьяна Юрьевна, Чичваркин Евгений Александрович, Ходорковский Михаил Борисович, Каспаров Гарри Кимович, Моргенштерн Алишер Тагирович (Алишер Валеев), Невзоров Александр Глебович, Венедиктов Алексей Алексеевич, Дудь Юрий Александрович, Фейгин Марк Захарович, Киселев Евгений Алексеевич, Шендерович Виктор Анатольевич, Гребенщиков Борис Борисович, Максакова-Игенбергс Мария Петровна, Слепаков Семен Сергеевич, Покровский Максим Сергеевич, Варламов Илья Александрович, Рамазанова Земфира Талгатовна, Прусикин Илья Владимирович, Смольянинов Артур Сергеевич, Федоров Мирон Янович (Oxxxymiron), Алексеев Иван Александрович (Noize MC), Дремин Иван Тимофеевич (Face), Гырдымова Елизавета Андреевна (Монеточка), Игорь(Егор) Михайлович Бортник (Лёва Би-2), Телеканал «Дождь», Медуза, Голос Америки, Idel. Реалии, Кавказ. Реалии, Крым. Реалии, ТК Настоящее Время, The Insider, Deutsche Welle, Проект, Azatliq Radiosi, «Радио Свободная Европа/Радио Свобода» (PCE/PC), Сибирь. Реалии, Фактограф, Север. Реалии, MEDIUM-ORIENT, Bellingcat, Пономарев Л. А., Савицкая Л.А., Маркелов С.Е., Камалягин Д.Н., Апахончич Д.А., Толоконникова Н.А., Гельман М.А., Шендерович В.А., Верзилов П.Ю., Баданин Р.С., Гордон, Михаил Маглов, Виталий Солдатских, Татьяна Фролова, Станислав Андрейчук, Ксения Фадеева, Пётр Рузавин, Екатерина Кузнецова.

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.