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

Feb 02, 2013 23:22

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

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

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


Read more... )

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

Leave a comment

Comments 164

masha_manjana February 2 2013, 19:36:40 UTC
хм, вставила код
но ничего не поменялось:(

Reply

yoksel February 2 2013, 19:40:36 UTC
не вижу кода для шрифтов в вашем журнале

к тому же, у вас уже есть код, в котором шрифт задан в туче мест. Чтобы заработал подключенный шрифт, вам надо будет во всех местах заменить старый на новый

Reply

masha_manjana February 2 2013, 19:41:56 UTC
я его поставила. а потом удалила
так и подумала, что нужно во всех местах менять:)
спасибо

Reply

yoksel February 2 2013, 19:43:23 UTC
везде где font-family: Segoe Script; Segoe Script надо заменить на название вашего шрифта

Reply


shipullya February 2 2013, 19:47:50 UTC
Спасибо, завтра попробую))

Reply


avis_rara_lj February 2 2013, 20:10:59 UTC
http://fonts.googleapis.com/css?family=Bad+Script

из этой ссылки скопировала все и вставила. Без изменений

Reply

yoksel February 2 2013, 20:14:33 UTC
не вижу в коде font-family с вашим шрифтом. Смотрите 6-й пункт
и проверьте что подключили кириллический шрифт, в конце ссылки должен быть параметр указывающий на это:

...subset=latin,cyrillic

Reply

avis_rara_lj February 2 2013, 20:30:37 UTC
вот так выглядит код:

@font-face {
font-family: 'Bad Script';
font-style: normal;
font-weight: 400;
src: local('Bad Script Regular'), local('BadScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/badscript/v2/xvnrV3H3fZsc-fSw6fOJeBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

Что еще нужно? Вставляю в поле Custom CSS, и ничего. Что я не догоняю?

(кириллический, как видите, подключен)

Reply

yoksel February 2 2013, 20:33:26 UTC
Цитирую пост:

6. Как использовать шрифт в коде?

Как и любой другой, задав его через font-family.

Строчка с шрифтом:

font-family: 'Kelly Slab';

Она должна находиться внутри стилей для какого-либо блока. Вот так, например, этот шрифт задаётся для всего текста в журнале:

BODY {
font-family: 'Kelly Slab', sans-serif;
}

Если вы хотите, чтобы этот шрифт был только в определённых местах журнала, его нужно задавать конкретным блокам.
_____________________________________________________________________

Вы подключили шрифт странице, но не сказали где он должен применяться.

Reply


(The comment has been removed)

yoksel February 2 2013, 21:34:09 UTC
здорово вышло : )

Reply


jan_andersen February 3 2013, 04:10:44 UTC
ух ты! вот спасибо. я и не надеялся, что гуглошрифты сюда можно прикрутить.

Reply


Leave a comment

Up