Изменить цвет шрифта во всем документе word. Изменение цвета шрифта и фрагмента выделения текста в Microsoft Word

Как изменить цвет шрифта в html

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

В html существуют теги, которые позволяют применить к тексту определенные эффекты, но согласитесь, что придумывать сотни тегов для каждого оттенка было бы не совсем разумно. В css можно управлять этим гораздо более удобно. Например, вот так можно задать цвет шрифта html-элементу body, то есть тегу, включающему в себя все содержимое странички, которое выводится на экран.

body{ color: red; }

body {

color : red ;

Мы записали телу страницы красный цвет. Его получат абзацы, списки, заголовки и все остальные элементы. Это будет до тех пор, пока стили для этих элементов не будут переопределены на другие.

Форматы записи цвета

Возможно, у вас имеются небольшие познания в области веб-дизайна? В таком случае вы должны знать о том, что существуют разные цветовые режимы. Например, rgb, rgba, hsl, hex и т.д. Конечно, самый простой способ задать оттенок – просто написать ключевое слово. Мы так и сделали в примере выше, значение red делает буквы красными, blue – синими, brown – коричневыми. Это просто названия цветов по-английски.

Единственное, что вам нужно знать в этом случае – название нужного цвета. Их вы можете посмотреть в интернете в любой таблице. Следующий популярный способ задать цвет – записать его шестнадцатеричный код. Это так называемый hex-формат. Примеры:

p{ color: #000; } /* Текст в абзацах будет черным. */ table{ color: #fff; } /* Содержимое в таблицах будет белым. */

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

Rgb – еще один популярный формат записи. Он расшифровывается просто – red, green, blue. Цвет в этом формате задается так:

#footer{ color: rgb(234, 22, 56); }

#footer{

color : rgb (234 , 22 , 56 ) ;

Элемент с идентификатором footer получит указанный цвет. Доля красного составит 234, зеленого – 22, синего – 56. Эти значения можно писать от 0 до 255. Соответственно наш оттенок получится ближе к красному. В Paint вы можете добавлять цвета в палитру с помощью изменения насыщенности трех основных цветов.

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

Rgba – полупрозрачный текст!

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

a{ rgba(255, 12, 22, 0.5); }

rgba (255 , 12 , 22 , 0.5 ) ;

Последнее число в записи задает прозрачность. Ее можно записывать от 0 до 1, где 1 – полностью непрозрачный текст, то есть поведение по умолчанию. В этом случае все ссылки станут красными, но из-за прозрачности яркость цвета будет значительно меньше, а если под ссылкой есть другой фон или элемент, то его будет видно.

Неправильный способ задания цвета

В html есть устаревший атрибут color и с его помощью можно было записать цвет текста с помощью ключевого слова. Сейчас это может даже не сработать в современных браузерах, да и вообще этот метод нарушает общепринятые веб-стандарты. А еще он неудобен.

Как определить цвет для произвольного фрагмента

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

Просто заключаем нужный фрагмент в теги span. Прописываем внутри тега атрибут class, которому задаем произвольное, но понятное нам значение. Например, так:

Все, теперь остается только обратиться к селектору в css.

Хороший дизайн – важная составляющая любого успешного сайта. CSS даёт полный контроль над внешним видом текста. В том числе и над тем, как в HTML изменить цвет текста .

Цвет шрифта можно изменять стилизации внутри HTML-документа . Однако рекомендуется использовать именно внешние таблицы CSS-стилей .

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

Добавляем стили для изменения цвета шрифта

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

В HTML-документе будет несколько элементов, но мы будем работать только параграфом. Вот так меняется цвет текста внутри тегов

При помощи внешней таблицы стилей.

Значения цветов можно указывать при помощи названий, RGB или шестнадцатеричных значений.

  1. Добавляем атрибут style к тегу

    :

  1. Добавляем свойство color :
  1. Добавляем значение цвета после свойства:

p { color: black;}

Элементы

На странице станут чёрными.

Перед тем, как изменить цвет текста в HTML , нужно понимать, что в данном примере используется название цвета black . Несмотря на то, что это один из способов указания цвета в CSS , он имеет определенные ограничения.

Нет ничего страшного в том, чтобы использовать названия black (чёрный ) и white (белый ). Но этот способ не позволяет указывать конкретные оттенки. Поэтому для указания цвета чаще используются шестнадцатеричные значения:

p { color: #000000; }

Этот CSS-код также сделает элементы

Чёрными, так как hex-код #000000 обозначает чёрный цвет. Также можно использовать сокращённый вариант #000 , и результат будет тем же.

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

Например:

p { color: #2f5687; }

Данное hex-значение придаст тексту синий цвет. Но в отличие от простого blue этот код позволяет указать конкретные оттенки синего. В данном примере получится тусклый серо-синий цвет.

Перейдём к RGBA-значениям . RGBA поддерживают все современные браузеры, так что этот метод можно использовать, не беспокоясь о запасных вариантах:

p { color: rgba(47,86,135,1); }

Это RGBA-значение обеспечит всё тот же тусклый, серо-синий цвет. Первые три значения отвечают за красный, зелёный и синий, а последняя цифра — за уровень непрозрачности. «1 » означает «100% ». То есть, текст будет полностью непрозрачным.

Если сомневаетесь в поддержке браузерами, то цвета можно указывать следующим образом:

p { color: #2f5687; color: rgba(47,86,135,1); }

В этом синтаксисе сначала идет hex-значение , которое затем переписывается RGBA-значением . Это значит, что устаревшие браузеры, в которых нет поддержки RGBA , будут использовать первое значение и игнорировать второе. Современные браузеры будут использовать второе значение. Это нужно учитывать, чтобы знать, как изменить цвет текста в таблице HTML .

Перевод статьи “How to Change the Font Color with CSS ” был подготовлен дружной командой проекта .

Хорошо Плохо

    Шестнадцатеричный цвет указывается в формате: #RRGGBB, где шестнадцатеричные целые числа RR (красный), GG (зеленый) и BB (синий) определяют компоненты цвета. Все значения…

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

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

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

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

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

Изменение цвета при помощи меню мыши

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

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

Сделать это можно посредством выбора нужного оттенка из представленной палитры. В результате выделенный текст или тот текст, который вы напечатаете после этого, будет иметь именно такой цвет.

Надоели стандартные шрифты Windows? Хочешь сделать свой компьютер уникальным?

Тогда просто поменяй их! Как? Узнай из нашей статьи.

Изменить стиль текста

Текстовое оформление для Windows можно устанавливать для каждого из интерфейсов по отдельности.

При этом в настройках программы в целом никаких перемен не произойдет.

Сделать это совсем не сложно.

1 Откройте вкладку на панели задач «Цвет и оформление окон». Название может немного отличатся, в зависимости от установленной на компьютере версии. Но отвечает закладка за одну и ту, же функцию.

2 Теперь необходимо найти пункт «Объект», в котором определится с нужным интерфейсом, для которого требуются изменения стиля в написании текста.

3 Следует установить новые параметры для стиля, размера и цвета. Такие манипуляции следует проделать индивидуально для всех, подлежащих изменению разделов.

4 Подтвердите действия кнопкой «Ок» .

5 Для того что б установки начали действовать, нажмите еще раз «Ок».

Бывают случаи, что стиль для написания текста подлежит изменениям, но остальные из его параметров недоступны для редактирования.

К сожалению, поделать с этим ничего нельзя – так заложено по умолчанию в программе.

Существует еще один вариант

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

Для просмотра, требуется кликнуть левой кнопкой мышки по файлу.

Рассмотрим один из самых простых вариантов, как изменить размер шрифта на компьютере windows 8:

1 Сначала необходимо удалить стиль для текста, предложенный системой. По умолчанию для данной вариации программного обеспечения используется Segoe UI. Сохранить изменения.

2 Открываем заново и следуем по такому пути HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts.

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

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

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\FontSubstitute

4 Необходимо создать временную папку. Установить необходимые перемены и выбрать понравившееся оформление. На этом настройки завершены.

Изменяем параметры шрифта

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

Осталось лишь мизерное количество настроек, касающихся шрифта, которыми может управлять пользователь.

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

  • Необходимо правой кнопкой мыши вызвать окно с меню и кликнуть по пункту «Разрешение экрана» (Screen resolution).

  • Откроется окно, в котором следует найти раздел «Сделать текст и другие элементы больше или меньше» либо на иностранном языке «Make text of other items larger or smaller» .

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

  • Можно сделать размер букв больше или меньше. Установить понравившийся стиль.
  • Так же необходимо будет указать в конфигурациях область действия настроек. Например, только текстовые документы.
  • Сохранить изменения.

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

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

Требуется зайти в Панель управления в раздел «Принтеры и факсы» .

Теперь можно кликнуть мышей по разделу . А в окне, которое всплывет, найти раздел «Экран» . Щелкните по нему мышкой.

На этой странице можно выделить конкретную область действия и задать нужные параметры.

Можно определиться с

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

Но? сразу предупреждаю, если нет уверенности, что действия будут выполнены верно, лучше оставить подобные манипуляции специалисту.

Через «Пуск» необходимо зайти в панель управления ПК. Отыскать раздел «Оформление и персонализация» , а в нем подпункт «Шрифты» .

У многих компьютеров для удобства в работе по умолчанию включена функция, которая отвечает за размещение всех программ в алфавитном порядке.

Если на вашем ПК она включена, такой раздел найти будет легко. Если же нет – опускайтесь к самому низу появившейся страницы и ищите его там.

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

Определитесь, какой подойдет именно вам, и запишите его название, чтобы не забыть.

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

Segoe UI – это тот вариант, который установлен по умолчанию. Его предлагает десятая версия виндовс.

Windows Registry Editor Version 5.00 «Segoe UI (TrueType)»=»» «Segoe UI Bold (TrueType)»=»» «Segoe UI Bold Italic (TrueType)»=»» «Segoe UI Italic (TrueType)»=»» «Segoe UI Light (TrueType)»=»» «Segoe UI Semibold (TrueType)»=»» «Segoe UI Symbol (TrueType)»=»» «Segoe UI»=»Выбранный вами шрифт»

Конечная строчка должна иметь название, избранного пользователем варианта текстового оформления. Сохраните написанное.

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

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

Data-lazy-type="image" data-src="http://excelwords.ru/wp-content/uploads/2015/12/2015-12-05-01-50-04-Скриншот-экрана.png" alt="2015-12-05 01-50-04 Скриншот экрана" width="205" height="79"> Word является самой популярной программой для просмотра, набора и редактирования любого текста. Но разобраться в тонкостях работы этой программы под силу далеко не каждому. Сегодня я научу вас различным способам выделения и изменения цвета текста.

При помощи верхней панели инструментов

Data-lazy-type="image" data-src="http://excelwords.ru/wp-content/uploads/2015/12/2015-12-05-01-33-04-Скриншот-экрана.png" alt="2015-12-05 01-33-04 Скриншот экрана" width="266" height="273"> Открывая текстовой редактор, каждый из нас видит основное рабочее поле, где мы совершаем работу с текстом. Верхняя панель инструментов располагается как раз над рабочим полем и позволяет производить основные манипуляции. Для того чтобы поменять цвет нашего текста нужно выделить его при помощи курсора мыши и выбрать вкладку: «Главная». Именно она, как правило, открывается по умолчанию при начале работы с документом. Меню этой вкладки разбито на разделы. Интересующий нас раздел находится вторым слева и носит название «Шрифт». Здесь нам необходимо обратить внимание на символ буквы «А», носящий название: «Цвет текста». Рядом с этим символом расположена небольшая стрелочка, указывающая вниз, именно на нее нам и следует нажать. В открывшемся меню выбираем наиболее приглянувшийся нам оттенок. Следует иметь в виду, что если вы не стали выделять фрагмент текста при помощи курсора мыши, но проделали все остальные пункты, то все последующие буквы будут выбранного вами цвета.

При помощи мини-панели инструментов

Данный способ считается наиболее быстрым и удобным для начинающего пользователя программы Word. Чтобы открыть мини-панель инструментов следует нажать правую кнопку мыши по рабочей области документа. В появившемся контекстном меню можно пойти двумя путями:

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

Png" alt="2015-12-05 01-37-21 Скриншот экрана" width="458" height="111" srcset="" data-srcset="http://excelwords.ru/wp-content/uploads/2015/12/2015-12-05-01-37-21-Скриншот-экрана..png 300w" sizes="(max-width: 458px) 100vw, 458px">
2) В более новых версиях Word в этом же контекстном меню, которое вызывается щелчком правой кнопки мыши, находится уже знакомый нам символ «А», отвечающий за цвет текста.
Данные действия можно применить как на выбранном фрагменте документа, так и на будущем тексте. Если вы хотите изменит весь текст, следует использовать сочетание клавиш Ctrl + A, которое выделит весь документ.

Выделение текста цветом

Data-lazy-type="image" data-src="http://excelwords.ru/wp-content/uploads/2015/12/2015-12-05-01-39-15-Скриншот-экрана.png" alt="2015-12-05 01-39-15 Скриншот экрана" width="206" height="191"> Думаю, стоит упомянуть и об этой функции в Word, нужна она для того, чтобы выделить наиболее значимую информацию в документе. Операция очень простая, но позволит нам добиться красивого результата. Выглядеть это будет так, как будто мы взяли в руки маркер выделитель. Сначала нужно выделить область документа мышкой, на которую мы хотим применить это действие. Затем потребуются выполнить несколько манипуляций во вкладке «Главная». Обнаружив блок «Шрифт», ищем кнопку под названием «Цвет выделения текста», которая находится левее знакомой нам кнопки «Цвет текста». Стандартно текст будет выделяться желтым цветом, но это можно легко исправить, нажав на стрелочку, указывающую вниз рядом с кнопкой выделения. Иногда возникает необходимость убрать выделение, для этого во вкладке выбора цвета выбираем пункт «Нет цвета».

Использование заливки

Data-lazy-type="image" data-src="http://excelwords.ru/wp-content/uploads/2015/12/2015-12-05-01-40-48-Скриншот-экрана.png" alt="2015-12-05 01-40-48 Скриншот экрана" width="238" height="253"> Эта операция позволит залить фон документа интересующим цветом. Главное отличие заливки от выделения заключается в том, что окрашиваться будет и межстрочный интервал. Делать это следует, если вы хотите, чтобы информация бросалась в глаза. Для заливки потребуется зайти во вкладку «Главная» и найти кнопку похожую на банку с краской, который располагается в блоке «Абзац». После нажатия заливка используется к последнему абзацу документа. Если есть необходимость применить заливку ко всему документу, то следует использовать уже знакомое сочетание клавиш Ctrl+A, которое позволит выбрать весь документ. Чтобы убрать заливку, как в случае с выделением, необходимо выбрать пункт «Нет цвета». Хочется отметить, что получится интересный результат при комбинации всех инструментов с изменением цвета текста.



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: