Как поменять шрифт в css
Перейти к содержимому

Как поменять шрифт в css

  • автор:

Как изменить шрифт в редакторе Gutenberg WordPress?

Изначально, когда вы включаете Gutenberg в WordPress редактирование записей в нем идет со шрифтом Noto Serif который относится к семейству serif-шрифтов, или так называемых шрифтов «с засечками».

Я не любитель подобных шрифтов в вебе, мне как то ближе использование sans-serif — ровных шрифтов «без засечек». С самого выхода и установки Gutenberg у меня стоял вопрос, как же поменять шрифт в редакторе WordPress Gutenberg, если шрифт по-умолчанию не устраивает? Все оказывается не так сложно!

Меняем дефолтный шрифт в редакторе WordPress Gutenberg.

Так как на блоге я использую Open Sans, то и при редактировании постов в Gutenberg я тоже хотел бы видеть этот шрифт.

Поэтому нам надо переписать дефолный шрифт на свой, подключив файл стилей и переопределив настройки шрифта в CSS.

Gutenberg с измененным шрифтом

Для этого откроем файл functions.php своей темы WordPress и добавим простой код:

function my_gutenberg_style() < wp_enqueue_style( 'my-gutenberg-editor-style', get_stylesheet_directory_uri() . "/editor.css", array(), '1.0' ); >add_action('enqueue_block_editor_assets', 'my_gutenberg_style'); 

enqueue_block_editor_assets это специальный hook WordPress, который позволяет добавить в Gutenberg свои стили и скрипты. В данном случае я использую его чтобы добавить подгрузку файла editor.css в редактор.

Файл editor.css размещается в корне темы и в нем уже мы добавляем свои стили для редактора, мой в частности выглядел так:

.editor-post-title__block .editor-post-title__input, .edit-post-visual-editor, .edit-post-visual-editor p < font-family: "Open Sans", sans-serif; >.editor-post-title__block .editor-post-title__input < font-size: 40px; font-weight: 300; letter-spacing: -.45px; line-height: 1.25; >.edit-post-visual-editor, .edit-post-visual-editor p, .editor-rich-text__tinymce.mce-content-body

Вот так быстро и несложно мы поменяли базовый шрифт в визуальном редакторе Gutenberg для WordPress.

Как поменять шрифт на сайте?

Хочу изменить шрифт на всем сайте.
Как это сделать.

Сайт: geekninja.ru
CMS: LiveStreet
Шаблон на Bootstrap.

  • Вопрос задан более трёх лет назад
  • 2254 просмотра

Комментировать
Решения вопроса 2

можно подключить новый линк вместо

найти в css-файлах font-family и заменить на новый, ищи по всем документу где прописан был старый шрифт

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать

Hanatos

Вачаган Даниелян @Hanatos Автор вопроса
Веб-Дизайнер

Я вставил этот код в style.css и заработало, но только у меня, на другом ноутбуке или смартфоне не работает.

/* Изменение шрифта на всем сайте */ body < font-family: "Roboto","PT Sans",sans-serif; >/* Изменение шрифта в описании публикации */ .text

Я так понимаю, у кого нет шрифтов этих, тот не видит? И как сделать подгрузку тогда ?

Как поменять полностью шрифт в шаблоне

и одним переназначением шрифта в body тут не обойдёшься.

Автору темы:
1. Включаете режим разработчика в системе.
2. В обозревателе открываете инструменты разработчика.
3. Смотрите — в каком css-файле находятся стили для тега
4. Открываете этот файл CSS и ищите там стили, которые содержат ‘PT Sans’.
5. Меняете ‘PT Sans’ на нужный шрифт.

Поблагодарили: Nikita Sevostyanov (nikita-sevostyanov)

Новости

После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке.

15 декабря 2023 г.

Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.

25 июля 2023 г.
Выпустили очередную сборку DIAFAN.CMS 7.0.1. Она уже доступна к установке.

Блоги

В данном руководстве познакомим вас с панелью управления DIAFAN.CMS

Блоги

В новой сборке DIAFAN.CMS 7.1.1 мы расширили функциональность баннеров, уделили внимание YML-фиду для Яндекс.Маркет, улучшили “Настройки шаблона”, оформили модуль лога действий и разработали “Заметки” для пользователей административной части сайта. Также проработали замечания и предложения наших пользователей, исправили несколько ошибок.

Как поменять шрифт в шапке шаблона?

Добрый день! Подскажите пожалуйсто,как поменять шрифт в шапке шаблона? Т.е шрифт названия сайта рядом с логотипом!
Установлена тема Danland.

Вложение Размер
Иконка изображенияvopros_na_sayt.jpg 29.54 КБ
  • Блог
  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Комментарии

s2xs 29 ноября 2011 в 10:44

А можно чуть подробнее?? Это мой первый сайт!

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Vlk 29 ноября 2011 в 11:17
s2xs wrote:
А можно чуть подробнее?? Это мой первый сайт!

Да пожалуйста )
FireFox+FireBug. Находишь при помощи этой связки в какой строке и в какой css находится нужное тебе свойство нужного элемента. Прямо там же можно подобрать подходящее с просмотром изменений на сайте. Потом окончательно правишь найденную css. Вот и все.

Подсказка: Для danland это будет style.scc

logo-name font-family: Verdana,Tahoma;
font-size: 25px;
font-style: italic;
font-weight: bold;
>

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

s2xs 29 ноября 2011 в 14:32

Спасибо! Все получилось)) Но не могу поменять цвет надписи! Правлю в мозиле ,а он все равно синий,хоть тресни! Может поскажете что делать?

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *