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

[yoksel]

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

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

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

Comments

Re: Размер шрифта

[yoksel]

Попробуйте так:

.entry-content {
font-size: 16px;
}

Re: Размер шрифта

[yoksel]

я вижу у вас в коде блок

body, td, font, div, p {
font-size: 13pt;
}

Этот код будет мешать стилям для .entry-content. Имеет смысл убрать его, если вам нужно увеличить шрифт только внутри поста.

[miroslavsvet]

У меня изменился шрифт только для постов, облака тэгов и ещё по мелочи. Но название постов, текст названий виджетов в сайдбаре и название блога не изменилось. Его как-то можно изменить?

[yoksel]

попробуйте так:

H1, H2, H3, H4 {
сюда ваш код
}

[miroslavsvet]

спасибо, получилось)

а шрифт в "друзья архив избранное мой блог на..." в шапке журнала под коллажем нельзя изменить?

[yoksel]

.j-w-journal-nav A {
...
}

[danejko]

Привет снова =)
Я наконец-то добрался до шрифтов, и, как водится, вылез косяк.

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

[Должно быть так/ФФ]

[yoksel]

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

2. Каждый отдельно, потому что рамки разные

.j-beta-w, .j-l-header {
border-bottom: 1px dotted #777;
}

.j-header-w-journal-nav,
.j-e-nav {
border-top: 1px dotted #777;
}

3. В слоях http://journals-covers.livejournal.com/117945.html

4. Отрицательные отступы - очень плохая идея. Лучше таки просто убрать лишние отступы, а не компенсировать их значениями наугад.

Так попробуйте:

.j-p-social-networks-header .j-l-header {
padding-top: 0;
}
.j-header-user {
display: none;
}

[danejko]

Спасибо за оперативные ответы =)

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

2. Изменил, спасибо.

3. Буду изучать.

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

[В идеале - вот так]

[yoksel]

1. Помимо кеша на сервере, существует кеш браузера, он тоже может влиять на частоту обновления страницы.

4.
.j-w-profile > .j-w-title {
display: none;
}

Гросс Кунст

[hirvonen]

Всем привет! У меня есть один вопрос, не знаю найдется на него ответ или нет, но попробовать стоит. Короче говоря, если я куплю шрифт (допустим вот этот ) смогу ли я его каким-то образом привязать в ЖЖ? И если да, то как?

Re: Гросс Кунст

[yoksel]

Да, сможете. Для этого вам надо будет залить его на сервер, умеющий корректно отдавать шрифты, а затем подключить с помощью @font-face.

Re: Гросс Кунст

[hirvonen]

Сервер, вы имеете в виду, просто подходящий хостинг?

Re: Гросс Кунст

[yoksel]

да

Как выделить первую букву поста?

[everett_griffit]

Здравствуйте!
Подскажите, пожалуйста, каким образом можно выделить первую букву поста? Или Абзаца?
Для этого есть методы, конечно, но они чего-то в ЖЖ не работают.
А пример есть, вот он:
http://philologist.livejournal.com/8712863.html?media

Хотелось бы знать, как делать в ЖЖ вот такое оформление статьи:
http://skrinshoter.ru/s/210916/oRTd2y.png
С уважением, Эви.

Re: Как выделить первую букву поста?

[yoksel]

Чегой-то, всё работает, код типа такого:

.asset-body:first-letter {
font-size: 2rem;
color: orangered;
}