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

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

  • автор:

Не изменяется размер шрифта через CSS

Author24 — интернет-сервис помощи студентам

Всем привет!
Я тут новичок и совсем начинающий пользователь веб-разработки.

Вопрос, собственно вот в чём:

При указании в подключенном к html-документу файле CSS для тега размера шрифта:

1 2 3 4

Он не работает. Шрифт не изменяется по своему размеру. Но если в «голове» уже самого html-документа поставить:

1 2 3 4 5 6 7 8 9
 html lang=en> head> title>XXX/title> meta charset="UTF-8"> style> a /style> /head>

То размер шрифта внутри ссылок уже меняется.
В принципе, если оставить как есть, то всё в порядке. Но мне интересно, с чего вдруг размер шрифта нельзя поменять через CSS-файл? Такого же вроде как не должно быть, таблицы стилей для того и существуют, чтобы не в хэде всё писать?

Подскажите, как через CSS-файл поменять размеры шрифта? Испробованы уже все размерности (пиксели, пункты, относительные размерности и т.д.), но толку никакого.

Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Почему размер шрифта не изменяется?
Почему не меняется размер шрифта, указанный в процентах? Также подключил javascript вот этот.

Изменяется размер шрифта в разных браузерах
Добрый день! Подскажите, почему в Хроме шрифт нормально отображается, а в Мозиле и Эксплорере.

Не изменяется размер шрифта, его цвет
Не изменяется размер шрифта, его цвет, меняю значения font, убрала жирность, но все равно изменений.

Как поменять размер шрифта в css?
Здравствуйте никак не могу поменять размер шрифта в css,кто подскажет как именно поменять? Нашел в.

Настройка шрифтов для сайта

Шрифты задаются в настройках сайта. Это значит, что параметры (гарнитура, насыщенность, размер, цвет) будут применятся глобально: ко всем блокам на всех страницах сайта. Таким образом поддерживается общий стиль и аккуратность.

Чтобы перейти к настройке шрифтов сайта, перейдите в Настройки сайта → Шрифты и цвета.

Вы увидите галерею шрифтов. Ее можно пролистать и задать шрифт для сайта, нажав на кнопку «Выбрать». Шрифт будет назначен для заголовков и для текста.

Если вы хотите использовать сторонний шрифт или использовать разные шрифты для заголовка и текста, то нажмите на кнопку «Расширенные настройки».

На вкладке Библиотека вы можете выбрать разные шрифты для заголовков сайта и для основного текста. В коллекции находятся более 20 стандартных и премиум-шрифтов от партнеров, которые предоставляются бесплатно при подписке на Тильду.

На вкладках Google Fonts, Adobe Fonts и Загрузить шрифт вы можете загрузить шрифт из внешнего источника. Прочитайте подробные статьи ниже:

Коллекция бесплатных шрифтов от Google
Перейти к инструкции
Абсолютно любой шрифт в форматах .woff и .woff2
Перейти к инструкции
Большая библиотека компании Adobe
Перейти к инструкции
Добавление ссылки на CSS-файл на стороннем сервере
Перейти к инструкции
Установка размеров и шрифтов заголовка и текста сайта

Внизу настроек установки шрифта на вкладке «Шрифты и цвета» располагаются настройки стандартного размера, насыщенности и цвета заголовков и текста. Данные параметры устанавливаются глобально ко всем стандартным блокам на сайте, если в них жестко не установлены другие настройки шрифтов.

В стандартных блоках вы можете указать параметры шрифта в настройках блока → Типографика или выделить текст в редакторе и поменять его параметры через верхнюю панель настроек шрифта.

Установка параметров шрифтов через панель настройки текста в редакторе
Установка параметров текстовых элементов через настройки блока → Типографика
Настройки подгрузки шрифтов

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

В настройках сайта → Шрифты и цвета → Продвинутые настройки вы можете установить настройку показа системного шрифта при загрузке, чтобы текст показывался сразу, но сначала системным шрифтом, а потом тем, который вы выбрали. Это может вызывать короткое мерцание текста и изменение размера текстовых элементов, поэтому используйте эту настройку только если уверены, что так ваш сайт выглядит лучше при загрузке.

Как изменить размер шрифта в комментариях пользователей advanced Forum

advanced Forum мелкий шрифт

Здравствуйте! Может быть покажется странным данный вопрос ,
Но я не спец по Drupal.Не могу изменить размер шрифта именно
на самом форуме в комментариях пользователей .
Слишком маленький шрифт.Хотелось побольше ,к примеру как на этом сайте.
Пытался менять получается только в css темы ,с зависимостью меняются все
размеры шрифты меню , материалов прочего.
Может кто подскажет где именно править настройки форума?

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

Лучший ответ

bukash 7 февраля 2016 в 21:52

Спасибо, буду пробовать.

Комментарии

sas@drupal.org 5 февраля 2016 в 8:08

Css можно менять в теме

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

А вы не могли бы подсказать css в теме сайта или форума ?

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

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

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

Да вот нашел , font-size: 11px

padding-top: 50px;
>
256-slayer-ubiycamedia=»all»
body.toolbar padding-top: 2.2em;
>
256-slayer-ubiycamedia=»all»
body color: #222;
margin: 0;
padding: 0;
font-family: Tahoma,sans-serif;
font-size: 11px;
line-height: 1.5;
background-color: #292929;
>
256-slayer-ubiycamedia=»all»
html, body, div, blockquote, p, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td margin: 0;
padding: 0;
>
user agent stylesheetbody display: block;
margin: 8px

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

Пробовал менять font-size: 11px,увеличивается текст и все остальное :заголовки,меню,тексты материалов,вообщем все шрифты.

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

gveenblade 5 февраля 2016 в 10:00

смотри чуть выше стиля, для каких классов еще объявлен этот размер шрифта.
Можно в принципе вообще не париться — допустим у комментария класс .comment Пишешь в style.css .comment p
если напрямую объявление не поможет, добавь .comment p

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

bukash 7 февраля 2016 в 21:48

Всё, задачу вроде бы решил, правда, немного другим способом. Ваш вариант тоже подошёл, но у меня из-за незнания CSS некоторые фрагменты шаблона тоже увеличились, вот один из вариантов:

380 строка forum-post-panel-main p margin-right: 10px;

Спасибо Вам за участие!

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

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

Здравствуйте! Подскажите пожалуйста как поменять размер шрифта в теме Mayo? Конечно это можно в админке сделать, но мне надо отдельно для h2 указать другой шрифт, а также увеличить интервал между абзацами.Точнее просто подскажите в каком файле искать? Я не совсем идиот, и кое-как знаком с css, но тут жесть полнейшая. Первым делом полез в themes/mayo/css/style.css и все остальные файлы там посмотрел где что-либо возможно изменить. Изменяй — не изменяй бесполезно. Даже если удалить этот style.css все работает как ни в чем не бывало. Firebug использовал, в нем меняю значение — все нормально, начинаю менять в style.сss — бесполезно. Изменял файл mayo.theme, тоже бесполезно.

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

Комментарии

VasyOK 2 января 2017 в 23:26

А кеш на сайте сбрасывали после того, как изменяли?

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

VasyOK, подскажите где он сбрасывается? Но мне кажется не в нем дело, я и браузеры меня и страницы обновлял и переходил по всякому, просто кеш не нашел где, недавно на Друпал.

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

Самая левая кнопка админ меню — ищите.
https://www.drupal.org/project/admin_toolbar — там на картинке «flush all caches»

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

VasyOK wrote:

Самая левая кнопка

100% у ТСа этой кнопки, как и раскрывающегося меню — нет.

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

Ссылку на модуль я дал. Ведь без модуля никак (шутка).

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

VasyOK, спасибо, с кешем разобрался, но как я предполагал это не дало результата. Изменял 2 файла:

1. сайт\themes\mayo\css\style.css — тут 3 значения для H2 и оно равно 1.25em. Чтобы не париться я все 3 поменял — безрезультатно. В Firebird все так же 1,25em.
2. сайт\themes\mayo\sass\style\style.scss — тут 2 значения 1,25em, так же поменял и тоже самое — безрезультатно.

Искал при помощи NotePad++ (по всему сайту) больше ни в каких файлах у этого шаблона нету этого 1.25em, откуда оно берется ума не приложу что они тут навертели. А когда в Firebird меняешь это несчастное 1,25em то все нормально, т.е. H2 увеличивается, а все остальное остается прежним. А когда в админке шаблон меняешь (в том числе размер шрифтов), то отслеживал по дате изменения и меняется лишь 2 файла: один какой-то color.css (но там вообще нет значений с размерами, т.е. только цвета) и еще меняется по адресу «сайт\sites\default\files\mayo\mayo_files\mayo.responsive.layout.css» — тут вообще ни одного упоминания ни про 1,25em ни про H2. Больше никакие файлы не меняются, но увеличение шрифтов через админку каким-то образом работает. Только там изменение всех шрифтов сразу, а мне надо конкретно для H2 и еще эти интервалы между абзацами.

p.s. и еще важное замечание. Если в админке меняешь размер шрифта, то он конечно изменяется визуально (в т.ч. для H2), только вот в Firebird он ВСЕГДА равен 1,25em. Чувствую не в 1,25em дело и копать надо в другом месте:((

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

почитайте CSS, Пожалуйста, хотя бы введение в CSS. и поверьте у вас все получится

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

ем — относительная единица. В 1ем может быть разное количество пикселей.

Фаербаг показывает, в какой строке какого файла написано правило.

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

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

Интересующий вас размер шрифта находится в файле style.css в папке css темы в блоках

/*строки 518-525*/
#content .block h2 <
/* main content: block title */
padding: 4px 8px;
font-size: 1.25em;
>
/*строки 544-553*/
.column-block h2 <
font-size: 1.25em;
line-height: 1em;
padding: 2px 0px;
margin: 0px 0px 3px 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
>
/*строки 653-657*/
.column-block h2,
.sidebar h2 <
background: transparent;
line-height: 1em;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 4px 0px 2px 0px;
padding: 2px 0px;
font-size: 1.25em;
>

Глобально для h2 указан размер 2em, но делая выборку по индетификаторам (#) и классам (.) через наследование, вы можете изменить свойства любого элемента выборочно, как описано в примере из файла css выше.

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

Mihail.space, в том-то и дело, что изменяя «font-size» в этих строчках ничего не происходит. Размер шрифта не меняется.

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

gun_dose wrote:

ем — относительная единица. В 1ем может быть разное количество пикселей.
Фаербаг показывает, в какой строке какого файла написано правило.

Про относительную единицу я догадывался, просто иначе не понятно как изменить размер. Фаербаг показывает какой-то левый файл с длинным названием «сайт\sites/default/files/css/css_vGkze29BqnOUeoBni8dcd_QlbMtZmkNfg4gfWcb2uBE.css?oj8enu» но их там куча целая, и они насколько я понял автоматически создаются. Так что это не то. И еще он лишь показывает код в HTML:

Насколько я понимаю это 1,2em глобольное значение из шаблона берется. И я его тоже менял, но безрезультатно.

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

агрегацию в настройках производительности вырубите, станет сразу понятнее

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

BatKor, я пытаюсь, но непонятно с чего начинать. Тут елементарная задача, которую я в шаблонах других CMS решал за считанные секунды через Фаербаг (даже с моими скудными знаниями css), а тут непонятное что-то.

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

dgastudio wrote:
агрегацию в настройках производительности вырубите, станет сразу понятнее

Спасибо, действительно так намного понятнее. В моем случае это 552 строчка, но она перечеркнута, т.е. получается не работает. Видимо в этом проблема. Можно ли как-то ее «разблокировать»?

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

Теперь если в style.css поменять 1.25em то изменения уже отображаются в Фаербаге, осталось разобраться что перекрывает это свойство. Главное только размер перечеркнут, все остальное работает.

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

Перечёркнутые стили переопределяютя другими. Может быть сколько угодно перечёркнутых, но всегда есть один не перечёркнутый. Если найти трудно, см вкладку computed в фаербаге — там показаны все текущие значения и указано, откуда они взялись.

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

на край, !important

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

gun_dose и dgastudioю благодарю! Нашел — это шаблоном перекрывалось, если удалить несколько строчек то нормально. Но я решил пока !important установить.

А изменения в style.css раньше не применялись потому что в настройках Производительности стояли 2 галочки. Сам бы я не догадался никогда)) Теперь убрал их все ОК.

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

gun_dose 5 января 2017 в 0:09

После всех правок галочки лучше вернуть.

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

Maffo 5 января 2017 в 2:29

gun_dose, ок, но это нескоро. еще много работы)

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

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

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