• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы по uCoz » Как установить шрифты на сайте? (Не могу прикрепить заданный шрифт для сайта)
Как установить шрифты на сайте?
UKRO
Дата: Воскресенье, 2020-10-04, 22:20 | Сообщение 1
Оффлайн
Пользователи
Сообщений:1
Награды: 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
Дата: Понедельник, 2020-10-05, 12:14 | Сообщение 2
Оффлайн
Администраторы
Сообщений:29297
Награды: 62


Цитата 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
Дата: Понедельник, 2020-10-05, 12:23 | Сообщение 3
Оффлайн
Администраторы
Сообщений:29297
Награды: 62


UKRO, плиз ссылку на сайт оставляйте, чтоб можно было посмотреть, где быстрей проблему можно найти.

Решение проблем uCoz: правила подачи заявки
Страна: (RU)
Сопрано
Дата: Понедельник, 2020-10-05, 14:44 | Сообщение 4
Оффлайн
Vip
Сообщений:432
Награды: 2


Цитата 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- - Вторник, 2020-10-06, 01:05
Страна: (RU)
-SAM-
Дата: Понедельник, 2020-10-05, 23:18 | Сообщение 5
Оффлайн
Друзья сайта
Сообщений:720
Награды: 29


UKRO, где здесь в теме вопрос по системе uCoz? Правильно, что нет его.

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

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


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

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




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


Сообщение отредактировал
-SAM- - Вторник, 2020-10-06, 01:00
Страна: (UA)
Kosten
Дата: Вторник, 2020-10-06, 14:53 | Сообщение 6
Оффлайн
Администраторы
Сообщений:29297
Награды: 62


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

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