• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Как установить шрифты на сайте?
UKRO
Воскресенье, 04 Октября 2020, 22:20 | Сообщение 1
Оффлайн
Проверенные
Сообщений:12
Награды: 0
Всем доброй ночи. У меня такая проблема, хочу прикрепить шрифт к сайту, потому, что в одном браузера шрифты норм, в другом совсем не читаемые. Возьмем например шрифт Awesome. Скачал папку со шрифтом, где были такие файлы:

Код
fontawesome-webfont.eot, fontawesome-webfont.svg, fontawesome-webfont.ttf, fontawesome-webfont.woff, fontawesome-webfont.woff2, FontAwesome.otf.


Закинул в сам верх css так:

Код
@font-face {font-family: fontawesome-webfont;src: url(/fonts/fontawesome-webfont.eot);}
@font-face {font-family: fontawesome-webfont;src: url(/fonts/fontawesome-webfont.svg);}
@font-face {font-family: fontawesome-webfont;src: url(/fonts/fontawesome-webfont.ttf);}
@font-face {font-family: fontawesome-webfont;src: url(/fonts/fontawesome-webfont.woff);}
@font-face {font-family: fontawesome-webfont;src: url(/fonts/fontawesome-webfont.woff2);}
@font-face {font-family: fontawesome-webfont;src: url(/fonts/FontAwesome.otf);}


Далее, например к классу footer прописал:

Код
.text_footer {background: #282828font-family: fontawesome-webfont;}


Обновляю страницу - все по старому, шрифт не изменился..

P.S. Не предлагайте пожалуйста читать посты как добавить шрифт, уже раз 100 читал. Просто обясните, что не так делаю!?

Всем зарание Спасибо!
Страна: (UA)
Kosten
Понедельник, 05 Октября 2020, 12:14 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Цитата UKRO ()
P.S. Не предлагайте пожалуйста читать посты как добавить шрифт, уже раз 100 читал. Просто объяснить, что не так делаю!?

Хорошо! Тогда для этого все описал со скринами, как на этом сайте устанавливал несколько шрифтов, если вам интересно, то в теме Установит свой шрифт для сайта uCoz подробно описано.

Где через CSS в самой вверх нужно прописать прямую ссылку, куда загрузили файл шрифта в корне сайта, или ссылку на шрифт с источника, на этом сайте.. как пример.

Код
@font-face {
font-family:'Exo2'; /*Заголовок на форуме*/
src: url('http://zornet.ru/ABVUN/Abas/degakolas/dsanu/Exo2-Regular.ttf');
}

@font-face {
font-family:'Play'; /*Заголовок на форуме*/
src: url('http://zornet.ru/Aben/play-allfont.ru-.ttf');
}

@font-face {
font-family:'Stolzl'; /*Каталог файлов*/
src: url('http://zornet.ru/ABVUN/Stolzl.otf');
}

@font-face {
font-family:'Oswald'; /*Заголовок на вид файлы*/
src: url('http://zornet.ru/ABVUN/Oswald-Regular.ttf');
}

@font-face {
font-family:'NeoSansCyr-Regular'; /*Заголовок на вид файлы*/
src: url('http://zornet.ru/ABVUN/sarunolas/zornet/kotas/Neo_Sans_Cyr_Regular.ttf');
}


Где ставим:

Код
@font-face {
font-family:'Exo2'; /*Каталог файлов*/
src: url('Ссылка на шрифт.ttf');
}
Страна: (RU)
Kosten
Понедельник, 05 Октября 2020, 12:23 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
UKRO, плиз ссылку на сайт оставляйте, чтоб можно было посмотреть, где быстрей проблему можно найти.

Решение проблем uCoz: правила подачи заявки
Страна: (RU)
Сопрано
Понедельник, 05 Октября 2020, 14:44 | Сообщение 4
Оффлайн
Vip
Сообщений:461
Награды: 4
Цитата UKRO ()
.text_footer {background: #282828font-family: fontawesome-webfont;}


Добавить - font-family: 'Exo2', sans-serif;

Где Exo2 является шрифтом.

А значит так:

Код
.text_footer {background: #282828; font-family: 'Exo2', sans-serif;}

---Я бы удивился, если бы у ТС шрифт текста поменялся в самом блоке, ведь были шрифтовые иконки.--- © -SAM-


Сообщение отредактировал
-SAM- - Вторник, 06 Октября 2020, 01:05
Страна: (RU)
-SAM-
Понедельник, 05 Октября 2020, 23:18 | Сообщение 5
Оффлайн
Друзья сайта
Сообщений:896
Награды: 40
UKRO, где здесь в теме вопрос по системе uCoz? Правильно, что нет его.

И, допустим, в одном браузере будет работать, так как срабатывает автокоррекция, а в другом - стиль не воспринимается из-за ошибки в коде стиля:

.text_footer {background: #282828; (не было разделителя).


Далее нужно смотреть сайт, чтобы точно шрифты лежали в папке fonts, ну и у блока с этим классом не было еще в стилях назначено другого шрифта (если css без ошибок, то применить должно стиль тот, что прописан ближе к концу кода, или же нужно делать акцент на него через !important).

P.S.: поскольку вопрос не имеет никакого отношения к разделу, то тему закрываю. Есть статьи на этот счёт (и уже дали выше пример), читайте и учите css. Если всё же нужна помощь, то в личку адрес проблемного сайта, посмотрю (как выше написал, что если css с ошибками, то после этой ошибки могут стили вообще не восприниматься браузером).




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Вторник, 06 Октября 2020, 01:00
Страна: (UA)
Kosten
Вторник, 06 Октября 2020, 14:53 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Цитата -SAM- ()
И, допустим, в одном браузере будет работать, так как срабатывает автокоррекция, а в другом - стиль не воспринимается из-за ошибки в коде стиля:

Здесь полностью согласен, так как много шрифтов выставлял, но по сути из них корректно 2 шрифта выводит, это говорю, если его ставить под описание, под мелкий знак. Ранее по всему сайту изменил шрифты, а сейчас только под заголовки оставил на форуме, и под вид материала на краткое описание.
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: