Архивировано

Эта тема находится в архиве и закрыта для публикации сообщений.

  • 0
elias45

Смена шрифта

Вопрос

Доброго времени суток. Прошу подсказать как мне изменить шрифт текста. 

HTML
<div class="partner-adblock-h">ТУТ ВАШ ТЕКСТ ДЛЯ РЕКЛАМКИ НА СRIME-NOAS.</div>
 
CSS
.partner-adblock-h { 
 position: absolute;  
 top: 9px;
 left: 20px;
 z-index: -1;
 font-size: 13px;
}
p.s: Изучать начал недавно. Установил себе на сайт ( ucoz движок ) шаблон и изучаю помаленьку. Захотелось мне заменить текст в рамке ( который на скриншоте ). Посмотрел как это сделать. Вписал в CSS стилях в .partner-adblock-h строку font: стиль; . Не помогло. Понимаю для вас это легко. Подскажите если не сложно как мне поступить. Я уже 3 часа сижу , голова кипит )

Новый точечный рисунок (2).jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

Свойство font — сокращение. Как минимум нужно размер и семейство шрифтов указать. Или используйте font-family.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

К сожалению не помогло. Я был удивлён , когда удалил в css 

 
.partner-adblock-h { 	 position: absolute;  	 top: 9px;	 left: 20px;	 z-index: -1;  	font-size: 13px; }
И ничего не изменилось вообще с текстом

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Вот этот кусок текста стоит в начале css я так понимаю это и есть подключение шрифтов

	@import url(http://allfont.ru/allfont.css?fonts=cuprum);
@import url(http://allfont.ru/allfont.css?fonts=cuprum-bold);

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
1 hour ago, elias45 said:

Вот этот кусок текста стоит в начале css я так понимаю это и есть подключение шрифтов

 


	@import url(http://allfont.ru/allfont.css?fonts=cuprum);
@import url(http://allfont.ru/allfont.css?fonts=cuprum-bold);

 

да, подключается нормальное жирное начертание шрифта

а Вы на какой шрифт хотите изменить, как я поняла, текст с классом .partner-adblock-h ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Just now, Джулия said:

да, подключается нормальное жирное начертание шрифта

а Вы на какой шрифт хотите изменить, как я поняла, текст с классом .partner-adblock-h ?

Я бы хотел вообще на любой поменять. Как писал ранее , я шаблон поставил на сайт и изучаю его. Вот в тупик попал с этим шрифтом.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 minutes ago, elias45 said:

Я бы хотел вообще на любой поменять. Как писал ранее , я шаблон поставил на сайт и изучаю его. Вот в тупик попал с этим шрифтом.

пропишите для класса .partner-adblock-h шрифт, например:

.partner-adblock-h {   
   position: absolute;    
   top: 9px;
   left: 20px;  
   z-index: -1;  
   font-family: Trebuchet MS,Tahoma,Arial,sans-serif;
   font-size: 13px;
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 minutes ago, Джулия said:

пропишите для класса .partner-adblock-h шрифт, например:

.partner-adblock-h {   
   position: absolute;    
   top: 9px;
   left: 20px;  
   z-index: -1;  
   font-family: Trebuchet MS,Tahoma,Arial,sans-serif;
   font-size: 13px;
}

 

В том то и интерес , что не работает такой способ. Я думаю , что в css есть какие то другие параметры для того,чтобы изменить шрифт в данном месте. Вообще я удалил только что .partner-adblock-h все параметры сбросились ( отступ, позиция и.т.д ) странно на самом деле, почему так

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
4 minutes ago, elias45 said:

В том то и интерес , что не работает такой способ. Я думаю , что в css есть какие то другие параметры для того,чтобы изменить шрифт в данном месте. Вообще я удалил только что .partner-adblock-h все параметры сбросились ( отступ, позиция и.т.д ) странно на самом деле, почему так

попробуйте поставить !important
font-family: Trebuchet MS,Tahoma,Arial,sans-serif!important;

или пропишите на странице шаблона, где находится этот класс style="font-family: Trebuchet MS,Tahoma,Arial,sans-serif"

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
3 minutes ago, Джулия said:

попробуйте поставить !important
font-family: Trebuchet MS,Tahoma,Arial,sans-serif!important;

Тоже не работает. Странно в css изменил размер шрифта, вроде бы должен был увеличится. Но остался тем же

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
13 minutes ago, elias45 said:

Тоже не работает. Странно в css изменил размер шрифта, вроде бы должен был увеличится. Но остался тем же

погуглите насчёт этого шаблонизатора
спросите на соответствующих форумах по шаблонизатору http://www.ucoz.ru/qa/index.php/17241/изменить-шрифт-в-названии-сайта

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
1 minute ago, Джулия said:

погуглите насчёт этого шаблонизатора
спросите на соответствующих форумах по шаблонизатору http://www.ucoz.ru/qa/index.php/17241/изменить-шрифт-в-названии-сайта

большое спасибо

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
1 hour ago, elias45 said:

большое спасибо

не за что)

на самом деле, очень странно почему у Вас стили не применяются. Ради эксперимента, создала свой сайт, изменила шрифт текста в одном блоке - и всё применилось сразу.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Learn HTML in 2 hours!


  • Спрашивают сейчас

  • Пишут сейчас

    • Дорогие Друзья! Рад вам сообщить о выходе новой версии движка Flextype и обновленном плагине Admin (Flextype 0.7.3 + Admin 0.3.0) 🚀 Это серьезное обновление для Flextype! Множество новых возможностей и фиксов улучшающие стабильность и производительность системы!  За эти 19 дней было потрачено более 100 часов на разработку и тестирование, запушено более 300 коммитов в репозитории проекта 👽 Изменения в Flextype 0.7.3: 
      - Flextype Компонент I18n обновлен до 1.2.0
      - Flextype Компонент Filesystem обновлен до 1.1.3
      - Symfony YAML Компонент обновлен до 4.2.1
      - Настройки теперь хранятся в одном settings.yaml файле
      - Content: добавлена возможность создавать скрытые страницы. Изменения в Admin 0.3.0:
      - Новая красивая админка в темном стиле! 
      (светлая тема будет в след. релизах)
      - Information: Страница информации отображает версию ядра и версию плагина админки
      - Users: теперь будут создаваться более безопасные пароли используя php функции password_hash и password_verify
      - Files manager: заменен на новый Media manager.
      - Pages Manager: улучшен функционал клонирования страниц. Теперь клонируется вся папка со страницей.
      - Pages Manager: исправлена бага с переименованием страниц #26 
      - Pages Manager: поле ссылки удалено из таблицы с страницами
      - Pages Manager: в быстрые экшена добавлена возможность просмотра страниц, ссылка открывает страницу в новом окне браузера.
      - Pages Manager: улучшено отображение вложенных страниц! теперь более наглядно отображаются вложенные страницы.
      - Pages Manager: исправлена бага с ссылкой на страницу по умолчанию, которая далее ломала логику работы с клонированными странницами.
      - Pages Manager: исправлена бага с пустым полем template
      - Pages Manager: добавлена возможность выбирать тему страниц при ее создании.
      - Pages Manager: много улучшений и исправлений в функционале по работе с страницами.
      - Pages Manager: Новый редактор страниц, редактор схемы (индивидуальные поля), редактор шаблона, редактор исходника страницы!
      - Plugins Manager: для плагина админки выключатель отключен, но отображается.
      - General: используется новые I18n 1.2.0 компонент.
      - General: используется новые Filesystem 1.1.3 компонент.
      - General: добавлена библиотека Gajus Dindent HTML для форматирование HTML кода, это позволяет сохранять красивый HTML после редактора!
      - General: добавлен Assets Manager для Javascript 
      - General: добавлен Animate.css для анимаций.
      - General: Fontawesome обновлен до 5.6.0 
      - General: Twitter Bootstrap обновлен до 4.1.3
      - General: Codemirror добавлен для лучшей работы с кодом.
      - General: es6-promise обновлен до 4.2.5
      - General: popper.js обновлен до 1.14.6
      - General: gulp-autoprefixer обновлен до 6.0.0
      - General: добавлена система отображения оповещений #41 
      - General: добавлена валидация форм jquery.form-validator.js
      - General: добавлено форматирование YAML файлов при их сохранении.
      - General: много общих улучшений архитектуры и скорости!
      - General: обновленная и улучшенная навигация!
      - Translates: много исправлений и улучшений в переводах. 
      Спасибо: Hmelex, AndiLeni, diomed Скачать Flextype 0.7.3
      https://github.com/flextype/flextype/releases/download/v0.7.3/flextype-0.7.3.zip Скачать Flextype 0.7.3 + Admin 0.3.0
      https://github.com/flextype/flextype/releases/download/v0.7.3/flextype-0.7.3-admin-0.3.0.zip Если у вас есть предложения по улучшению Админки и Ядра системы, пишите в комментариях и на официальном DISCORD сервере: https://discord.gg/tjEHXWD  
    • Большое спасибо за помощь, добавил с помощью теней по бокам  белые отступы и все получилось как в примере.
  • Лучшие авторы

  • Текущие цели пожертвований