Размер шрифта в HTML в редакторе печати QGIS начинает меняться только с 6
спросил
Изменено 3 года, 3 месяца назад
Просмотрено 2к раз
размер шрифта 10
размер шрифта 9
размер шрифта 8
размер шрифта 7
размер шрифта 6
размер шрифта 5
размер шрифта 4
размер шрифта 3
размер шрифта 2
размер шрифта 1
Что не так с моим кодом?
- qgis
- qgis-3
- print-composer
- макеты
- html
Проблема
Свойство
размера тега определено только для значений от 1 до 7.
MDN говорит о теге
: Устарело
Эта функция устарела. Хотя он может по-прежнему работать в некоторых браузерах, его использование не рекомендуется, поскольку его можно удалить в любое время. Старайтесь избегать его использования.
и более поздние версии:
[...] Для любой новой веб-разработки стили должны быть написаны только с использованием CSS.
Решение
Используйте свойство стиля
тегов HTML и стилей CSS.
размер шрифта 10
размер шрифта 9
размер шрифта 8
размер шрифта 7
размер шрифта 6
размер шрифта 5
размер шрифта 4
размер шрифта 3
размер шрифта 2
размер шрифта 1
1 Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google Зарегистрироваться через Facebook Зарегистрируйтесь, используя электронную почту и пароль Опубликовать как гость
Электронная почта Требуется, но не отображается
Опубликовать как гость
Электронная почта Требуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.
Как изменить размер шрифта в HTML и CSS
Веб-разработка и кодирование
Изменение размера вашего шрифта или текста веб-сайта действительно должно выполняться с помощью CSS, поскольку тег
html устарел/больше не используется в более новой версии HTML (HTML5). Использование «шрифта» в качестве фактического HTML-элемента — это то, как веб-разработчики интерфейса использовали старую школу, в первые дни Интернета. Я уверен, что есть много устаревших веб-сайтов и приложений, которые все еще цепляются за это старое использование, но использование тега «шрифт» больше не рекомендуется.
Это был старый способ изменения размера текста с использованием тега FONT:
Здравствуйте, измените размер текста!
Это новый способ изменения размера текста:
Прежде всего, используйте CSS.
Существует несколько способов изменить размер текста с помощью CSS:
Используйте встроенный CSS и добавьте его непосредственно в HTML-код веб-страницы. Если вам нужно использовать встроенный CSS (его следует использовать с осторожностью!), он должен быть помещен внутри встроенного элемента (в отличие от блочного элемента html, такого как тег «div»). К встроенным элементам относятся, например, теги
или
. Встроенный код для уменьшения размера фрагмента текста будет выглядеть следующим образом:
Ваш текст здесь
Вот как приведенный выше код будет выглядеть в браузере: Ваш текст здесь
Хорошо, теперь более правильный способ: вы можете добавить свой CSS в файл таблицы стилей, который отделен от вашей реальной веб-страницы. В этом случае вы должны добавить свойство CSS «размер шрифта» внутри кода стиля для любого HTML-элемента, который вы стилизуете, например: div p {
font-size: 12px;
}
Приведенный выше код стилизует любые элементы абзаца («p»), которые находятся внутри тега
.
Существуют разные способы выражения значения размера шрифта
Среди них:
- пикселей (px): это самый точный способ изменения размера текста (и мой любимый), так как он измеряется буквально до
пикселей.- ems (em): 1em равно тому, что установлено для вашего текущего элемента с точки зрения размера шрифта. Пример: обычно размер шрифта браузера по умолчанию составляет 16 пикселей
.- ключевых слов: (маленький, средний, большой и т. д.)
- процентов (%): например, дочерний элемент может быть установлен на 50% от размера шрифта его родительского элемента
- точек (pt): их следует использовать только для печати
- rems (рем): это «корневые ems». em относится к размеру шрифта своего родителя, а rem относится только к html (корень) или общему размеру шрифта.
Для получения дополнительной информации о том, как использовать различные значения размера шрифта, на CSS-Tricks есть отличная статья, которую вы, возможно, захотите прочитать.