Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Ламерские вопросы » Подключение сторонних шрифтов к сайту

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

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

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

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

Идём на 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
Юзер

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
Юзер

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
Юзер

Wizard2030 - 17 июля 2012 20:56 -

а да вот моя страничка d3ver.kz no
ПафНутиЙ
Админ

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

в каких стилях? по ссылке ходил? там всё написано + строка, которую нужно прописать в main.tpl рядом с подключением основных стилей.
Каков вопрос - таков и ответ. Просто помните об этом.
Wizard2030
Юзер

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
Юзер

Wizard2030 - 17 июля 2012 21:03 -

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

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

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

Wizard2030 - 19 июля 2012 20:21 -

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

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

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

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

Я был уверен, что это очевидно - нажать кнопку quick use.
Каков вопрос - таков и ответ. Просто помните об этом.
Wizard2030
Юзер

Wizard2030 - 19 июля 2012 22:09 -

вот что получилось d3ver.kz
vlad_effect
Юзер

vlad_effect - 21 августа 2014 06:53 -

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

vlad_effect - 21 августа 2014 06:51 -

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

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

 19.03.2012 Pochemuchka  Ламерские вопросы
 19.03.2013 FenStan  Ламерские вопросы
 25.08.2013 G-Force  Ламерские вопросы
 30.05.2014 fh79655l123  Ламерские вопросы
 22.07.2014 rwe  Общие вопросы, Ламерские вопросы
 25.07.2014 Гость  Стили (CSS), Ламерские вопросы
 21.08.2014 Гость  Ламерские вопросы
 20.01.2015 follor  Вопросы КЭПу
 23.02.2015 anoe  Вопросы КЭПу
 05.03.2015 fanartur  Ламерские вопросы
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Сегодня, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:13
    Gordi,
    через фтп загружай
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:11
    Привет Николай!
    Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
    или направь на путь истинный, пжст
наверх