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

[yoksel]

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

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

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

Comments

[test2387]

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

[yoksel]

как подключали файлы со шрифтами?

[test2387]

#page div#header-name a,
#page div#header-name a:visited{
font-family: 'Lobster';
font-size: 45px;
color: #efff00;
line-height: 1em;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
}

#page .nav .item a{
border:0px solid red;
font-family: 'Lobster' !important;
font-size: 24px;
line-height: 2em;
color: #efff00;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
}

Цвет поменялся, сам шрифт нет. Через боди тоже пробовал. Меняется все, кроме заголовков меню..

[yoksel]

это назначение шрифта элементам, но оно не заработает без подключения шрифта, которого нет у пользователя. Посмотрите в посте что как.

[kvetkanaskale]

Опять я - перевоплощённая Фрау Кошка

[yoksel]

обратите внимание на код в посте: сначала вы подключаете шрифт к странице через кода вида

@font-face {
font-family: 'Kelly Slab;
...
}

а затем просто как обычно используете название нужного шрифта типа:

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

блок с @font-face не должен быть вложен в другие блоки

[kvetkanaskale]

Ура-ура! Ес!
Да здравствует Гугл Фонтс и гуру всея программирования Ёксель!:))

Получилось! На что я уже и не надеялась:)

[yoksel]

: )

[kvetkanaskale]

Уважаемая, Ёксель! Гляньте пжл. своим творческим глазом, что ещё поменять, чтоб лучше смотрелось?

Сайдбар пока не трогаем. Чуть позже. В нём я хочу голубенький календарь, такого же цвета теги и содержание страницы. Шрифт и цвет заглавий в сайдбаре меня устраивает. Можно лишь поменять шрифт содержания страницы. Согласны? Или есть своё мнение?

Не устраивает шрифт тела поста. Наверное лучше подойдёт Джорджия с курсором. Реально задать?

В комментариях тоже немного поменяю, но позже.

[yoksel]

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

[kvetkanaskale]

А шрифт верхнего поста, как считаете, сочетается? Это вроде 'Times New Roman Cyr'

[yoksel]

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

[vi_g]

Здравствуйте ,Yoksel !
Спасибо за уроки !
Очень многому научилась .
Мой вопрос по шрифтам ,
поставила вроде свой , но он
иногда медленно появляется .
Можно ли ускорить ?

[yoksel]

скорее всего, скорость зависит от того, с какой скоростью его отдает dropbox

[vi_g]

вот как . Спасибо за ответ !

[lirik1980]

Хотел поставить себе в меню жирный шрифт.
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v14/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

А он не устанавливается. В чем проблема?

[yoksel]

кириллический шрифт подключали?

[lirik1980]

А как?

[yoksel]

посмотрите третий пункт в инструкции, там картинка есть