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

Как изменить высоту шрифта в ворде

Размер шрифта

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

Доступ к этой команде

Последовательно выберите команды Формат — Размер шрифта .

Диалог Размер шрифта

Основной размер

All elements of a formula are proportionally scaled to the base size. To change the base size, select or type in the desired point (pt) size. You can also use other units of measure or other metrics, which are then automatically converted to points.

Для изменения на постоянной основе размера по умолчанию (12 пт), используемого в LibreOffice Math, необходимо сначала задать другой размер (например, 11 пт), а затем нажать кнопку По умолчанию .

Относительные размеры

В этом разделе можно определить размеры для каждого типа элементов относительно основного размера.

Текст

Выберите размер текста формулы относительно основного размера.

Индексы

Выберите размер индексов в формуле в процентах от основного размера.

Функции

Выберите размер для имён и других элементов функций в формуле в процентах от основного размера.

Операторы

Выберите относительный размер математических операторов в формуле в процентах от основного размера.

Пределы

Выберите размер для пределов в формуле в процентах от основного размера.

По умолчанию

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

Диалог Сохранить

Impressum (Legal Info) | Privacy Policy | Statutes (non-binding English translation) — Satzung (binding German version) | Copyright information: Unless otherwise specified, all text and images on this website are licensed under the Mozilla Public License v2.0. “LibreOffice” and “The Document Foundation” are registered trademarks of their corresponding registered owners or are in actual use as trademarks in one or more countries. Their respective logos and icons are also subject to international copyright laws. Use thereof is explained in our trademark policy. LibreOffice was based on OpenOffice.org.

Help content debug info:

Title is: Размер шрифта

Как изменить высоту шрифта в ворде

Использование стандартных типов размеров для оформления элементов формул

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

Выбор стандартного типа размера:

1 Выделите нужные элементы.

2 Выберите один из пяти стандартных размеров в меню .

Непосредственное задание размера

1 Выделите нужные элементы.

2 Выберите команду в меню .

3 В поле Размер введите размер элемента в пунктах (от 2 до 127). (В одном пункте — 0,352 мм.)

4 Нажмите кнопку OK .

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

Изменение стандартных типов размеров

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

Для переопределения стандартных типов размера :

1 Выберите команду в меню .

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

3 Введите новый размер и нажмите кнопку OK.

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

Для предварительного просмотра вносимых изменений нажмите кнопку .

Чтобы восстановить прежние размеры, нажмите кнопку .

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

Совет. Иногда нужно определить размер элемента в процентах от обычного размера. Тогда при изменении обычного размера все стандартные типы размеров изменяются пропорционально. Например, если установить обычный размер величиной в 12 пунктов, а размер крупного индекса установить в 25 процентов от обычного размера, то нижний индекс будет опускаться на 3 пункта ниже опорной линии текста (низ большинства символов). Если же обычный размер изменить на 10 пунктов, то нижний индекс будет опускаться на 2,5 пункта. Для определения размера в процентах после числа введите знак процентов (%) в соответствующее поле.

Стандартные типы размеров элементов формул

Каждому символу изначально присвоен один из пяти типов размера.

Присваивается обычным символам в большинстве полей.

Используется для верхних и нижних индексов, относящихся к символам обычного размера. Также используется для пределов в интегралах, суммах и других шаблонах.

Используется для верхних и нижних индексов, относящихся к символам крупного индекса, или в других случаях, требующих второго уровня уменьшения размера. Также используется в полях пределов шаблонов, которые сами находятся в пределах других шаблонов. Например, этот размер используется для верхнего индекса в пределе интегрирования.

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

Используется для символов шаблонов в полях размера крупного индекса.

Размеры элементов формул

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

Делаем отзывчивый и максимально возможный размер шрифта динамического текста относительно контейнера

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

Предисловие

Для простоты, все условия задачи, реализация, способы применения решение и остальные не относящиеся к делу детали (такие, как стили) будут максимально упрощены, для того, что б сконцентрироваться на требуемом результате. Как и где правильно применить данное решение, зависит только от вас и вашей ситуации. Приведенные ниже примеры кода будут с использованием React и TypeScript, но их знание совсем не обязательно, знаний нативного JavaScript будет вполне чем достаточно.

Задача

Представьте карточку или баннер, в котором мы должны отображать текст, получаемый с бекенда. Мы не знаем заранее какой длинны будет текст, но мы хотим сделать размер шрифта максимально возможным. Что бы текст был не мелким и читаемым (в случае если это будет всего лишь одно слово), и для того, что б он не вылазил за рамки своего контейнера (в случае если слов будет множество). Помимо этого, мы заранее не знаем размеров контейнера, в котором будет располагаться наш текст. Он может быть фиксированным, например с заранее заданными размерами ширины и высоты каким-либо администратором в CMS системе, или же наоборот, это может быть полностью отзывчивый контейнер, который расстанется на всю ширину и высоту родителя. Для более реального кейса, мы будем делать баннер с двумя именами состязающихся между собой соперников. Примерно это будет выглядеть следующим образом:

Готовый баннер.

Разметка баннера максимально простая, это контейнер содержащий в себе 3 элемента — текст №1, картинка и текст №2 которые будут располагаться друг над другом. Внутри каждого текстового контейнера будет располагаться тег

.

   /> 

Возможные варианты, которые были отброшены

Ниже будет список тех вариантов, которые рассматривались как возможное решение, но не подошли по тем или иным причинам.

  1. Media queries — Первое, что пришло в голову — это использование медиа выражений. Эта идея отпала быстро по причине динамической длинны текста, и огромного количества всевозможных комбинаций.
  2. clamp() — Неплохой и довольно-таки гибкий способ, который в большинстве случаев может сгодиться. На эту тему даже есть неплохая статья: Linearly Scale font-size with CSS clamp() Based on the Viewport с рабочей «песочницей», где можно просчитать необходимые для себя размеры. Но, «поигравшись» с данной песочницей, и перепробовав различные варианты (строго установленные размеры баннера, или наоборот никаких размеров), возникали случаи, где текст ломался и выходил за рамки.
  3. SVG — Широко рекомендуемый вариант, но заметно прожорливый при ресайзинге и довольно сложный в настройке, в случае когда мы мало что знаем о размерах (длинна текста, размеры контейнера).
  4. Сторонние библиотеки и плагины — этот вариант был отброшен сразу, что б не засорять проект лишними зависимостями.
  5. Подсчёт количества букв — Была и такая безумная идея, вычислять размеры контейнера в котором находится текст, подсчитывать количество букв получаемого текста, и на основании этого делать расчёты размера шрифта и возможного количества строк. Сложность в вычислениях, входящий текст может быть на разных языках (проблема подсчёта букв), и с различными символами (проблема поиска целого слова).

Решение

Логика решения довольно проста. И вкратце состоит из нескольких шагов:

  1. Находим необходимые текстовые узлы.
  2. Вычисляем размеры родительского контейнера (высоту и ширину).
  3. Пытаемся подобрать максимально возможный размер шрифта, что б текст не вылазил за рамки родительского контейнера.

Последний пункт звучит немного «костыльным», как будто мы пытаемся методом тыка попасть в нужную нам точку. Отчасти так и есть, но мы не пытаемся глупо добавлять по 1px , а делаем это более элегантным путём, что б сократить количество ненужных вычислений и уменьшить нагрузку.

Структура

Структура максимально простая и понятная с использованием npx create-react-app. В некоторых местах используются стили, для более приятного визуального восприятия.

├── package-lock.json ├── package.json ├── public │ └── index.html ├── src │ ├── App.css │ ├── App.tsx │ ├── components │ │ ├── Banner │ │ │ ├── Banner.scss │ │ │ └── Banner.tsx │ ├── constants │ │ └── index.ts │ ├── hooks │ │ ├── useStretchingText.ts │ ├── index.css │ ├── index.js │ └── static │ └── vs.png └── tsconfig.json
Описание решения

Пройдёмся в целом по структуре проекта и реализации решения.

В корневом компоненте App.tsx расположен главный Banner.tsx , который циклом проходится по переменной OPPONENTS отрисовывая значения различной длинны для наглядности.

import React from "react"; import "./App.scss"; import < Banner >from "./components/Banner/Banner"; import < OPPONENTS >from "./constants"; export const App = () => < return ( 
( /> ))>
); >;

Основной Banner.tsx также максимально прост, в нём содержится простая разметка, которая содержит имя первого оппонента, иконку, и имя второго оппонента. И как уже можно заметить, функцию которая и отвечает за отзывчивость текста, но об этом немного попозже.

import "./Banner.scss"; import < useStretchingText >from "../../hooks/useStretchingText"; const icon = require("../../static/vs.png"); export const Banner = (< text_1, text_2 >) => < useStretchingText("banner__text"); return (   /> ); >; 

Немного о стилях Banner.scss , в большинстве своём они тут всего лишь для красоты, но некоторые моменты я бы хотел объяснить.

  1. Размеры иконки заданы явно для простоты.
  2. Высота баннера также явно задана, но это не обязательно. В оригинальной задаче, мой баннер должен был размещаться поверх другого контейнера как дополнительный слой, с абсолютным позиционированием.
  3. Размеры каждого текстового контейнера (где располагается тег

    c именем оппонента) вычисляются равномерно, вычитая размеры картинки, паддинги.

// Variables. $banner_width: 100px; $banner_height: 300px; $banner_padding: 16px; $icon_width: 100px; $icon_height: 100px; $color_grandis: #fed480; $color_shakespeare: #45a7cd; $color_sandy_brown: #f59977; // Banner icon. .banner__img < width: $icon_width; height: $icon_height; >// Banner. .banner < height: $banner_height; padding: $banner_padding; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #fed480, #45a7cd); border-color: #45a7cd #45a7cd #fed480 #fed480; >// Banner text container. .banner__text-container < width: 100%; height: calc( (#/ 2) - (#) - # ); > // Banner text. .banner__text < font-weight: 900; text-align: center; word-break: break-word; text-shadow: 1.5px 0px 0px black, -1.5px 0px 0px black, 0px 1.5px 0px black, 0px -1.5px 0px black; >.banner__text_1 < color: $color_shakespeare; >.banner__text_2

Далее начинается самое интересное, реализация решения вынесена в кастомный хук (для тех кто не работал с React — воспринимайте это как обычную функцию) useStretchingText.ts . Буду проходиться по нему построчно и объяснять что там происходит. Хук принимает два аргумента:

  1. textClassName — Это класс, по которому мы будем находить необходимый текст.
  2. initialMinFontSize — Изначально минимально допустимый размер шрифта. На случай если мы не хотим допустить значение ниже установленного.

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

let fontSize: number, maxHeight: number, maxWidth: number, parentElement: HTMLElement, maxCycles: number = 100; 

Находим текстовые ноды по указанному классу:

const textElements: NodeList = document.querySelectorAll( .$ );

Делаем проверку на наличие найденных текстовых узлов, и проходимся по каждому из них:

if (textElements.length) < textElements.forEach((element) =>< // Some logic. >); >

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

parentElement = element.parentElement; maxWidth = parentElement.clientWidth; maxHeight = parentElement.clientHeight; fontSize = maxHeight; let minFontSize = initialMinFontSize; let maxFontSize = fontSize; element["style"].fontSize = $px;

После того как мы применили первый размер шрифта, происходит вычисление и проверка, удовлетворяет ли текущее значение наши требования, и так до тех пор, пока не будет найдено оптимальное значение. Пару слов о происходящем: Цикл продолжается до тех пор, пока текущий размер шрифта не равняется минимально удовлетворяющему размеру шрифта. Если высота и ширина текстового узла (с классом .banner__text ) меньше или равны максимально допустимым, значит мы меняем значение minFontSize, если же наоборот, мы вылезли за допустимые рамки, мы меняем значение maxFontSize. После чего мы рассчитываем новое вероятно подходящее для нас значение размера шрифта. Но, что б не делать лишних вычислений, прибавляя по 1px , мы делаем это по следующей формуле:

В дополнении к этому, мы обезопасили себя заранее с помощью переменной, которую мы объявляли выше maxCycles: number = 100; . Чтобы по каким-либо причинам не «провалиться» в бесконечный цикл, мы прервём вычисления, достигнув установленного лимита.

while (fontSize !== minFontSize) < element["style"].fontSize = `$px`; if ( element["offsetHeight"] else < maxFontSize = fontSize; >fontSize = Math.floor((minFontSize + maxFontSize) / 2); --maxCycles; if (maxCycles > 

Ниже на анимации показано, что происходит если задать слишком маленькое занчение для maxCycles: number = 100; . Это не сломает работу, но также и не даст нам зависнуть на бесконечных вычислениях.

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

element["style"].fontSize = $px;

Ещё один небольшой приём оптимизации, с помощью использования функции throttle, библиотеки Lodash. С её помощью, мы будем ограничивать максимальное количество вызовов функции в заданный интервал. Я использую значение 15 , так как где-то встречал информацию, что браузеры производят перерисовку контента страницы на ранее чем каждые 16 миллисекунд.

const debouncedFunction = throttle(stretchingText, 15);

Если установить слишком большое значение для throttle функции (в нашем случае 100 мс уже является большим значением), то будут явно заметны задержки в работе:

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

P.S. Навешивание прослушивателя таким образом является не совсем хорошим решением и в данном случае и сделано исключительно для показания работоспособности.

useEffect(() => < window.addEventListener("resize", debouncedFunction); debouncedFunction(); return () =>< window.removeEventListener("resize", debouncedFunction); >; >, []);

Конечный результат готового хука выглядит так:

import < useEffect >from "react"; import < throttle >from "lodash"; export const useStretchingText = ( textClassName: string, initialMinFontSize = 3 ): void => < const stretchingText = () =>< let fontSize: number, maxHeight: number, maxWidth: number, parentElement: HTMLElement, maxCycles: number = 50; const textElements: NodeList = document.querySelectorAll( `.$` ); if (textElements.length) < textElements.forEach((element) =>< parentElement = element.parentElement; maxWidth = parentElement.clientWidth; maxHeight = parentElement.clientHeight; fontSize = maxHeight; let minFontSize = initialMinFontSize; let maxFontSize = fontSize; element["style"].fontSize = `$px`; while (fontSize !== minFontSize) < element["style"].fontSize = `$px`; if ( element["offsetHeight"] else < maxFontSize = fontSize; >fontSize = Math.floor((minFontSize + maxFontSize) / 2); --maxCycles; if (maxCycles > element["style"].fontSize = `$px`; >); > >; const debouncedFunction = throttle(stretchingText, 15); useEffect(() => < window.addEventListener("resize", debouncedFunction); debouncedFunction(); return () =>< window.removeEventListener("resize", debouncedFunction); >; >, []); >; 

Что можно было бы улучшить

  1. Кеширование. Возможно реализовать какое-то простое кеширование, которое будет запоминать последнее (или несколько последних) вычисленных значений, и применять к остальным элементам. Это хорошо подходит для нашего баннера, так как контейнеры обоих оппонентов абсолютно равны, и вычислив значение для одного, нам не нужно производить те же операции для другого.
  2. Использование хука и подписок. Сейчас это сделано в качестве кастомного хука и добавлением addEventListener на ресайзинг страницы, но возможно это и не пригодится, достаточно вызывать функцию лишь при изменении ориентации экрана.
  3. Глобальное использование. Возможен вариант когда данное вычисление придётся применить глобально ко всему проекту, соответственно вызов функции нужно будет вынести куда-то на верхний уровень.
  4. Ограничения размеров. У нас уже есть минимально допустимый размер шрифта, как опциональный второй аргумент initialMinFontSize . Вполне вероятно, что кому-то понадобится также добавить максимально допустимое значение, на случай если текст может состоять всего из одного слова, а сам баннер будет растянут на весь экран.
  5. Согласованность. В данный момент, каждый текстовый узел рассчитывает свои стили отдельно. Это значит, что каждый текст будет иметь свой размер шрифта. И если на примере нашего баннера имя первого оппонента будет состоять всего из одного слова, а имя второго из множества слов, разница в размере шрифта может быть значительной. Это не минус, а всего лишь один из способов решения. Возможно кому-то нужно иметь единый размер шрифта для всех оппонентов баннера (основываясь на меньшем), а кому-то наоборот, каждый оппонент должен иметь свой размер шрифта. Это всего лишь предложение, которое стоит взять во внимание.

Полезные материалы

  1. Код проекта: GitHub.
  2. Онлайн песочница: Codesandbox.

покупка

Как изменить / настроить размер шрифта панели навигации в Outlook?

По умолчанию Outlook Область переходов отображается с исходным размером шрифта. Пользователи Outlook: замечали ли вы, что размер шрифта в области навигации можно изменять? Из этого туториала Вы узнаете, как изменить размер шрифта панели навигации в Outlook.

Office Tab — Включите редактирование с вкладками и просмотр в Office и значительно упростите работу.
Больше информации. Скачать .
Kutools for Outlook — Добавляет 100 мощных расширенных функций в Microsoft Outlook.

  • Авто CC / BCC по правилам при отправке электронной почты; Автопересылка Множественные письма по правилам; Автоответчик без сервера обмена и дополнительных автоматических функций .
  • Предупреждение BCC — показывать сообщение при попытке ответить всем, если ваш почтовый адрес находится в списке BCC; Напоминать об отсутствии вложений , и многое другое напоминает функции .
  • Ответить (всем) со всеми вложениями в почтовой переписке; Отвечайте сразу на несколько писем; Автоматическое добавление приветствия при ответе; Автоматически добавлять дату и время в тему .
  • Инструменты для вложения : Автоотключение, Сжать все, Переименовать все, Автосохранение всех . Быстрый отчет , Подсчет выбранных писем, Удаление повторяющихся писем и контактов .
  • Более 100 дополнительных функций будут решить большинство ваших проблем в Outlook 2021–2010 или Office 365. Полнофункциональная 60-дневная бесплатная пробная версия.

Больше информации. Скачать .

Изменить размер шрифта панели навигации в Outlook 2010

В Outlook 2010 вы можете изменить размер шрифта панели навигации следующим образом.

1. На панели навигации щелкните значок Настроить кнопку чтобы показать список. А затем выберите Параметры панели навигации из списка. Смотрите скриншот:

Или вы можете ввести Параметры панели навигации диалоговое окно, нажав Вид > Область переходов > Опции как показано на скриншоте ниже.

3. Теперь Параметры панели навигации появится диалоговое окно, нажмите шрифт кнопку.

4. в шрифт диалоговом окне выберите стиль или размер шрифта в соответствии с вашими потребностями, а затем щелкните OK для закрытия диалога.

5. Когда он вернется к предыдущему диалоговому окну, щелкните OK закрыть его.

А теперь размер шрифта Область переходов был изменен. Смотрите скриншоты:

Изменить размер шрифта панели навигации в Outlook 2007/2013

В Outlook 2007 и 2013 нет возможности изменять размер шрифта области навигации так же удобно, как в Outlook 2010. Вы можете изменить размер шрифта навигации, изменив общие параметры внешнего вида Windows. В Windows 7 сделайте следующее:

1. Идти к Начать > Панель управления > Оформление и персонализация > Персонализация, и в окне нажмите Цвет окна вариант, см. снимок экрана:

2. Затем щелкните Расширенные настройки внешнего вида гиперссылка.

3. В выскочившем Цвет окна и внешний вид диалог под Товары раскрывающийся список опций, выберите Меню, затем измените шрифт и размер по своему усмотрению. Смотрите скриншот:

4. После завершения настройки нажмите OK > Сохранить изменения чтобы закрыть диалоги. И шрифт и размер в панели навигации будут изменены.

Внимание: Эти изменения в настройках внешнего вида Windows повлияют не только на панель навигации в Outlook, поэтому при применении этой функции следует проявлять осторожность.

Лучшие инструменты для офисной работы

Kutools for Outlook — Более 100 мощных функций для улучшения вашего Outlook

Более Особенности 100 Ждем вашего исследования! Нажмите здесь, чтобы узнать больше.

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

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