Гуглошрифты в дизайне ЖЖ

Feb 02, 2013 23:22

По мотивам вопроса от random1911

По умолчанию на страницах показываются только шрифты, установленные на компьютере пользователя.
Если хочется использовать какой-то хитрый шрифт - нужно дополнительно подключить к странице файлы с этим шрифтом.

Есть несколько сервисов, предлагающих веб-шрифты, я расскажу только про Google Web Fonts


Read more... )

useful: уроки по оформлению ЖЖ, useful: шрифты

Leave a comment

Comments 164

den3streifen February 4 2013, 14:50:35 UTC
Спасибо)
Если честно, то гуглошрифты мне не нравятся.
Они по-разному выглядят под ХР и семёркой. Как-то у них со сглаживанием не очень: в ХР выглядят размытыми и сглаженными, хотя сглаживание отключено, а в семёрке наоборот, с лесенками. К тому же, если их использовать для текстовых блоков, они в разных браузерах занимают разный объём, что при фиксированных блоках не очень.
А через Font Squirrel можно прикручивать к ЖЖешечке, не пробовали? Обсуждали это недавно тут http://layouts-ru.livejournal.com/278369.html

Reply

yoksel February 5 2013, 06:15:15 UTC
насколько я понимаю, описанные проблемы с шрифтом могут возникнуть при любом способе подключения, гугл не при чем

Белку тоже можно использовать, но к ней инструкция будет длинее и я не нашла в ней возможности быстро выбрать шрифты с кириллицей. А гуглошрифт можно быстро найти и быстро вставить

вообще белка даёт более универсальный код, который будет работать и в старых ие тоже

Reply

den3streifen February 5 2013, 09:45:39 UTC
Не надо выбирать шрифты с кириллицей.
Заходите на http://www.fontsquirrel.com/fontface/generator и загружаете туда свой кириллический шрифт.
Потом генерируется готовый код.
Выбираете режим "эксперт" и в "Custom Subsetting..." включаете кириллицу (по умолчанию идёт латиница).
Всё)

Reply

yoksel February 6 2013, 06:48:01 UTC
Загрузка своего шрифта может не подойти для коммерческих проектов, потому что потом могут возникнуть проблемы с правами на шрифт. Так что я не стала бы это кому-то советовать : ) Но способ работает, да.

Reply


1nata60 February 4 2013, 17:01:34 UTC
Спасибо огромное! Попробовала - все супер! В заголовках поменялось,очень красиво! А сам текст поста можно так поменять? Или у меня дизайн задан с текстом?

Reply

yoksel February 5 2013, 06:17:24 UTC
если менять только шрифт в записи, задайте шрифт в блоке .asset-body - он уже есть в вашем коде

Reply

1nata60 February 5 2013, 07:19:45 UTC
Большое спасибо!

Reply


(The comment has been removed)

yoksel March 4 2013, 14:00:11 UTC
в мозилле и хроме буквы видны полностью

Reply

(The comment has been removed)

yoksel March 5 2013, 05:41:41 UTC
думаю, что браузера. Я обычно такое видела в Ие. Пользователи современных браузеров, скорее всего, такое не увидят

Reply


ranagosani May 14 2013, 09:41:20 UTC
yoksel May 14 2013, 11:13:18 UTC
к каким элементам вы хотите их применить?

Reply

ranagosani May 14 2013, 14:20:28 UTC
yoksel May 14 2013, 17:25:42 UTC
вставьте этот код в самый конец ваших кодов

BODY, A, SPAN, DIV {
font-family: 'Lobster' !important;
}

Reply


atasik2009 May 17 2013, 11:49:23 UTC
Я видимо не догоняю, или что то не так делаю, но у меня не получается установить шрифт :((

Reply

yoksel May 17 2013, 11:51:57 UTC
после того как вставили в код подключение шрифта, надо в коде указать для каких элементов он должен примениться.

Reply

atasik2009 May 17 2013, 11:56:48 UTC
Я хочу чтоб такой шрифт был полностью во всём блоге :) Если такое возможно конечно :)

Reply

atasik2009 May 17 2013, 12:00:08 UTC
ОЙ, а у меня вроде получилось, только не понимаю, во всём или нет :))

Reply


Leave a comment

Up