Как изменить шрифт в заголовке блога

Меняем шрифт на сайтеКогда я установил тему Coffee Desk, почти год на сайте висел Title, нарисованный кошмарным Arial. И я все ходил кругами, да думал, как же поменять шрифт, которым выводится blogtitle. Причем не просто заменить на какой-нибудь стандартный шрифт, который у всех есть — а подсунуть что-нибудь эдакое, нестандартное, чего у человека на компьютере может и не быть.  Искал и в гугле — blog title wordpress change font, и в яндексе — изменить шрифт wordpress, изменить шрифт на сайте — но все какие-то мудреные методы выскакивали, типа используйте ява-скрипт библиотеку, или просто — предлагали поменять на другой стандартный шрифт. А тут намедни вспомнил, что почти пол-года назад мне кидали ссылку на подобную проблему, когда она у нас появилась в бизнесе. Ну, думаю, надо покапать тему слегонца.

Выбрал шрифт, наиболее приятный моему взгляду, создал в папке с темой 0:/httpdocs/wp-content/themes/coffeedesk/ каталог fonts, скопировал туда этот шрифт. 

Дальше — скопировал себе на локальный компьютер файл style.css, который находился в папке 0:/httpdocs/wp-content/themes/coffeedesk/, забэкапил, открыл, нашел там раздел, отвечающий за заголовок блога:

#blog_name {
position:relative;
padding-top:130px;
margin:0 0 0 500px;
/*right:0;
top:130px;*/
width:500px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
text-align:left;

Назавем это все условно «ерунда». Перед всей этой ерундой вставил описание шрифта, и где он лежит (кавычки могут темой криво отработаться):

@font-face {
font-family: «Monotype Corsiva»;
src: url(«http://chewriter.ru/wp-content/themes/coffeedesk/fonts/MTCORSVA.TTF»)
}

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

#blog_name {
position:relative;
padding-top:130px;
margin:0 0 0 500px;
/*right:0;
top:130px;*/
width:500px;
font-family: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif;
font-size:38px;
font-weight:bold, italic;
text-align:left;

Залил обратно style.css, посмотрел что получилось. Немного поиграл еще с размером, приведя его к самому симпатичному, снова залил. Результат, как говорится, налицо.

Было:

Сайт с исходным шрифтом

Стало:

Сайт с новым шрифтом

Сижу, пишу 3-НДФЛ и тихо радуюсь.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

3 комментария на «“Как изменить шрифт в заголовке блога”»

  1. get backlinks:

    I think other website proprietors should take this web site as an model, very clean and wonderful user genial style and design, as well as the content. You’re an expert in this topic!

  2. Статья полезная. Но я видимо что-то делаю не так. поменял шрифт заголовков…Теперь в заголовке три знака нормально, а потом абракодабра. Что это может быть?

  3. мила:

    Здравствуйте дам вам совет. Сайт у вас крутой но с компа если читать — глаза кровью наливаются через чур мелкий шрифт, хоть я и не слепая и в очках не хожу. Чисто мнение от пользователя.

Добавить комментарий