Подключение сторонних шрифтов к сайту

Wizard2030 15.07.2012 шрифт, подключние Все вопросы » Ламерские вопросы 15099

вопрос

Здравствуйте! Не знал к какому разделу отнести и отправил в этот… В общем на сайте не нравиться шрифт менял на другой тоже не смотреться (менял в стиле другое название шрифта из стандартных вариантов), как установить другой шрифт?

Ответил: ПафНутиЙ

Идём на google fonts слева выбираем Cyrilic и видим 35 шрифтов (на сегодня), которые можно спокойно подключить к своему сайту.
Например шрифт Open Sans подключается вот такой строкой:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

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

12 комментариев

Юзер

Wizard2030 - 2012-07-1516 июля 2012 21:34 - #5922

У меня в стиле прописано

.news-text {font-family: 'Times New Roman', Times, sans-serif; font-size:16px; overflow:hidden; zoom:1; padding:10px;}

Как гугловский шрифт в шаб DLE вставить в style.css?

И ещё помоги разобраться с bbcodes, при добавление новости или комента, нажимаю к примеру на вставку фото и нечё не происходит, или цвет выбираю теги ставяться а знак # с кодом цвета не прописываеться, где в DLE покавырять надо?

Юзер

Wizard2030 - 2012-07-1517 июля 2012 20:55 - #5936

И ещё помоги разобраться с bbcodes, при добавление новости или комента, нажимаю к примеру на вставку фото и нечё не происходит, или цвет выбираю теги ставяться а знак # с кодом цвета не прописываеться, где в DLE покавырять надо?

забей на это, я понил что не правильно задал вопрос, не указав подробностей. Тупанул исправлюсь...

А с основным вопросом, по теме подскажи, как в стиле прописать другие шрифты (другие - не стандартные)

Вот вырезка стиля с настройками вывода новости

.news {padding:0;}
.boxnewstop {background:url(../images/boxnewstop.png) no-repeat; width:1000px; height:24px;}
.boxnewscent {background:url(../images/boxnewscent.png) repeat-y; width:1000px; height:100%;}
.boxnewsbot {background:url(../images/boxnewsbot.png) no-repeat; width:1000px; height:30px;}
.dateavtor {padding:5px 0 0 10px; color:#ffffff; overflow:hidden;font-size:16px;}
.dateavtor span a {color:#ffffff;}
.news-header {font-size:10px; font-weight:normal; color:#000000; padding:5px 5px 0 10px;}
.news-header a {font-size:10px; font-weight:normal; color:#ff6600}
.news-header-all {font-size:10px; font-weight:normal; color:#000000; padding:15px 12px 10px 0;}
.newscategory {padding:5px 5px 5px 10px; color:#000000; overflow:hidden;}
.newscategory span a {color:#000000; font-weight:normal;}
.news-text {font-family: 'Times New Roman', Times, sans-serif; font-size:16px; overflow:hidden; zoom:1; padding:10px;}
.newsfulll {padding:0 0 0 10px;}
.news-params {overflow:hidden; zoom:1; padding:17px 12px 19px 12px;}
.news-rate {float:left; height:22px; overflow:hidden; zoom:1; padding:0 0 0 0;}
.news-info {float:right; background:url(../images/news-info.png) repeat-x 0 -28px; overflow:hidden; zoom:1;}
.news-info li {height:21px; background:url(../images/news-info.png) no-repeat; display:block; float:left; font-size:11px; color:#fff;}
.news-info li.news-info-left {background-position: 0 0; padding:5px 5px 0 11px;}
.news-info li.news-info-spacer {background-position: 0 -84px; width:12px; padding-top:7px;}
.news-info li.news-info-right {background-position: 100% -56px; padding:5px 11px 0 5px;}
.news-info i {font-style:normal;}
.news-info li i, .news-info li i a {color:#fff;}

Юзер

Wizard2030 - 2012-07-1517 июля 2012 20:56 - #5937

а да вот моя страничка d3ver.kz

Админ

3457

ПафНутиЙ - 2012-07-1517 июля 2012 21:00 - #5938

в каких стилях? по ссылке ходил? там всё написано + строка, которую нужно прописать в main.tpl рядом с подключением основных стилей.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Wizard2030 - 2012-07-1517 июля 2012 21:28 - #5940

Вставил под {headers}

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

шрифт каким был таким и остался recourse

Юзер

Wizard2030 - 2012-07-1517 июля 2012 21:03 - #5939

И не подумайте что я вашпе ламер, шрифт прописываеться в font-family: 'Times New Roman', стандартные менял ватно смотряться вот хотелось бы с гугла вставить, а как незнаю recourse

Админ

3457

ПафНутиЙ - 2012-07-1517 июля 2012 21:58 - #5941

Включаем логику.
Шрифт подключили, он загружается. а вызывать нужный шрифт сам гугл должен ? или всё же нужно прописать его в стилях?
навскидку:
http://pafnuty.name/
http://blockpro.ru/
http://yahooeu.ru/
трудно исх код посмотреть ?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Wizard2030 - 2012-07-1519 июля 2012 20:21 - #5969

Включил логику!
Шрифт подключили - прописав в main.tpl ...
Он загружаеться - при запуске...

А ошибка моя была в том что я НЕ ЗНАЛ ЧЁ КАК ПАТОМ, Паш спасибо я разобрался как подключать шрифты теперь. Моя ошибка была в том, что на странице шрифтов гугл я сразу не заметил кнопку Quick-use, которая и показывает прописываемый код. Ещё раз СПАСИБО.

П.С. Есиб сразу написал что надо тыкать Quick-use вопросов было б меньше wink