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

Меняем шрифт на сайтеКогда я установил тему 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-НДФЛ и тихо радуюсь.

1
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 комментария

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *


Subscribe without commenting

QR Code Business Card