Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Ламерские вопросы Подключение сторонних шрифтов к сайту

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


     15.07.2012    Ламерские вопросы    9439

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

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


Идём на 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
14 | 15

Wizard2030 - 16 июля 2012 21:34 - Юзер

У меня в стиле прописано
.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
14 | 15

Wizard2030 - 17 июля 2012 20:55 - Юзер

И ещё помоги разобраться с 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
14 | 15

Wizard2030 - 17 июля 2012 20:56 - Юзер

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

ПафНутиЙ
1064

3394 | 2433

ПафНутиЙ - 17 июля 2012 21:00 - Админ

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

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

Wizard2030
14 | 15

Wizard2030 - 17 июля 2012 21:28 - Юзер

Вставил под {headers}
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

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

Wizard2030
14 | 15

Wizard2030 - 17 июля 2012 21:03 - Юзер

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

ПафНутиЙ
1064

3394 | 2433

ПафНутиЙ - 17 июля 2012 21:58 - Админ

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

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

Wizard2030
14 | 15

Wizard2030 - 19 июля 2012 20:21 - Юзер

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

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

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

ПафНутиЙ
1064

3394 | 2433

ПафНутиЙ - 19 июля 2012 21:51 - Админ

Я был уверен, что это очевидно - нажать кнопку quick use.

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

Wizard2030
14 | 15

Wizard2030 - 19 июля 2012 22:09 - Юзер

вот что получилось d3ver.kz

vlad_effect
1

2

vlad_effect - 21 августа 2014 06:53 - Юзер

ха-ха-ха вот это тут ребята от бога просто wink

vlad_effect
1

2

vlad_effect - 21 августа 2014 06:51 - Юзер

Ребята не парьтесь и юзайте это http://webfont.ru/category/
Шрифтов около 400 тс

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы