Как сделать цветной шрифт

Обновлено: 08.07.2024

Обе эти записи идентичны. Приведу значения некоторых цветов:

Таблица цветов

Ну а теперь от слов к практике?

Заголовок напишем шрифтом Comic Sans MS, дадим крупный размер в 7 пунктов, разместим по центру и зальем красным цветом.
Каждый куплет стихотворения раскрасим в свой цвет: первый - в синий, второй - в зеленый, ну а третий - в желтый. Причем, цвет первого куплета дадим в простом названии blue, второй и третий - в числовом эквиваленте зеленого и желтого цветов.
Первый куплет напишем шрифтом Impact
Размер второго куплета дадим размером в абсолютном размере 4 пункта
Размер третьего куплета дадим в относительном размере +1 пункт
Ну и автора задвинем в тег ADDRESS

Задача ясна? Ну тогда поехали! Открываем наш незаменимый шаблон shablon.html и вставляем туда то, что нам надо:

Листинг 10. Стихотворение

Стертые лица,

Забытые профили

И многоточий упрямая нить.

Свет разливается

И проявляется

То, что уже никогда не забыть.

Сохраним наш файл под именем "text4.html" и затем откроем этот файл в окне браузера:

Вот они, цвета радуги!

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

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

А в следующем уроке мы научимся работать с фоном. И это будет последнее, что необходимо для нашей первой странички.

Тренировка!

Введите в форму любой текст, необходимые теги, нажмите на "посмотреть" и любуйтесь на свою работу!

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

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

Раскрасим буквы разными цветами

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

Более известным и распространенным среди верстальщиков приемом для видоизменения текста является css. Для установки определенного цвета шрифта в основном используют свойство color. Его описывают для конкретного тега в спецификациях стиля оформления.

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

Способ 3: Стили форматирования

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

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

Правильно оформить текст помогут следующие инструкции:

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

задав стилю наименование и сохранив его в качестве шаблона.

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

Способ 4: Текстовые эффекты и оформление

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

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

Еще статьи по данной теме:

Отмечу, что вы перешли с морально устаревшей версии программы на просто старую, к тому же самую проблемную (различные ошибки в работе, сбои, вылеты) из всех, выпускаемых Microsoft. Если вы годами пользуетесь Word исключительно для себя и не передаете текстовые документы другим пользователям, на другие ПК, с другими версиями программы — это не проблема, но если кто-то еще использует ваши файлы или вы чьи-то, какие бы вами или кем-то цвета не устанавливались, в разных версиях Ворда они могут и наверняка будут выглядеть по-разному.

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

3. Касательно глючности Word 2010 я немного ошибся — самая проблемная и не стабильная версия 2007 года, с 2010 дела обстоят получше, но все же не идеально. Сужу не столько по собственному опыту, сколько по комментариям пользователей под тематическими статьями на нашем сайте.

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

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

С уважением
Николай

Добрый день!
на PC установлен Word 2010
При открытии Вордовского файла в котором заведомо имеются цветное выделение шрифта почему-то шрифт черный.
На других компьютерах цвет шрифта виден. Если этот файл сохранить в PDF, то цвет шрифта присутствует.
При распечатке файла — цвет присутствует.
В чем причина?

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

Подробнее: Как удалить и установить Microsoft Word

Задайте вопрос или оставьте свое мнение Отменить комментарий

Да, давно пользуюсь, очень помогает в общем чате

Альберт Учкуронис

София Костецкая

Martha, да там не все, но там и написано что это всего лишь несколько цветов

Martha,

Николай Щербаков

Альберт Учкуронис

Владислав Зайцев

О, благодарю, новичкам будет очень полезно, я например узнал об этом из видео на ютубе
Спасибо большое)

Владислав, кншн полезно я играю месяца 2 и ни когда не понимала как они это делают. А теперь поняла

Владислав Зайцев ответил Ксении

Олег Черномаз ответил Владиславу

Валерия Берия

Олег Черномаз

Владислав Зайцев

Олег Черномаз

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

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

Майя Графова

Еее полезная информация на халяву. Спасибо большое.
Заговорили про чат и я вспомнила то неловкое чувство, когда иностранец с тобой в тиме что-то пишет, а ты не понял и тупо ответил Yes. А потом он пишет тебе что-то одинаковое всё время, наверное что-то требуя и ты такой Sorry. I'm Russian. I'm fool

Эмма Сикерова

Порекомендуйте нас, как надежного исполнителя в IT сфере своим клиентам, партнерам, знакомым и получайте за это вознаграждение в 20% от заказа. Подробнее.

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

Обратите внимание на текст, который расположен ниже. Данный текст был разукрашен при помощи нашего скрипта и если Вы обновите страницу, то цвета и размер букв изменятся.

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

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

Далее вствляем JavaScript код, который делает выбор случайного цвета и размера для указанного в форме текста:

Если Вам не нужна данная форма для генерации разноцветного текста, и Вы планируете использовать скрипт для получения разноцветного текста на своем сайте, то разместите следующий код в начале вашей страницы:

В том месте, где Вы хотите выводить разукрашенный текст, разместите следующий код:

Читайте также: