Как сделать красивый шрифт в html: размеры, цвета, теги шрифтов html. Изменение размера шрифта в Word выше или ниже стандартных значений

27.11.14 88.7K

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

Теги и атрибуты при роботе со шрифтами html

Язык гипертекста обладает большим набором средств для работы со шрифтами. Ведь именно форматирование текста является основной задачей html .

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


Рассмотрим теги, которые используются для работы со шрифтами в html и их атрибуты. Основным из них является тег . С помощью значений его атрибутов можно задать несколько характеристик шрифта:
  • color – устанавливает цвет текста;
  • size – размер шрифта в условных единицах.

Поддерживается положительное значение атрибута от 1 до 7.

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

Форматируется только тот текст, который расположен между частями парного тега font. Остальной текст отображается стандартным шрифтом, установленным по умолчанию.


Также в html существует ряд парных тегов, задающих лишь одно правило форматирования. К ним относятся:
  • — задает в html жирный шрифт. Тег по действию аналогичный предыдущему;
  • — размер больше установленного по умолчанию;
  • — меньший размер шрифта;
  • — наклонный текст (курсив ). Аналогичный ему тег ;
  • — текст с подчеркиванием;
  • — зачеркнутый;
  • — отображение текста только в нижнем регистре;
  • — в верхнем регистре.

Обычный текст

Жирный текст

Жирный текст

Больше обычного

Меньше обычного

Курсив

Курсив

С подчеркиванием

Зачеркнутый

Возможности атрибута style

Кроме описанных тегов существует еще несколько способов, как изменить шрифт в html . Одним из них является применение универсального атрибута style . С помощью значений его свойств можно задавать стиль отображения шрифтов:

1) font-family – свойство устанавливает семейство шрифта. Возможно перечисление нескольких значений.
Изменение шрифта в html на следующее значение произойдет, если предыдущее семейство не установлено в операционной системе пользователя .

Синтаксис написания:

font-family: имя шрифта [, имя шрифта[, ...]]

2) font-size – задается размер от 1 до 7. Это один из основных способов того, как в html можно увеличить шрифт.
Синтаксис написания:

font-size: абсолютный размер | относительный размер | значение | проценты | inherit

Размер шрифта можно также задать:

  • В пикселях;
  • В абсолютном значении (xx-small, x-small, small, medium, large );
  • В процентах;
  • В пунктах (pt ).

Font-size:7

Font-size:24px

Font-size: x-large

Font-size: 200%

Font-size:24pt


3) font-style – устанавливает стиль написания шрифта. Синтаксис:

font-style: normal | italic | oblique | inherit

Значения:

  • normal –нормальное написание;
  • italic – курсив;
  • oblique – шрифт с наклоном вправо;
  • inherit – наследует написание родительского элемента.

Пример того, как поменять шрифт в html с помощью этого свойства:

font-style:inherit

font-style:italic

font-style:normal

font-style:oblique


4) font-variant – переводит все прописные буквы в заглавные. Синтаксис:

font-variant: normal | small-caps | inherit

Пример того, как изменить шрифт в html этим свойством:

font-variant:inherit

font-variant:normal

font-variant:small-caps


5) font-weight – позволяет установить толщину написание текста (насыщенность ). Синтаксис:

font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

Значения:

  • bold – устанавливает полужирный шрифт html;
  • bolder – жирнее относительно normal;
  • lighter –менее насыщенное относительно normal;
  • normal – нормальное написание;
  • 100-900 – задается толщина шрифта в числовом эквиваленте.

font-weight:bold

font-weight:bolder

font-weight:lighter

font-weight:normal

font-weight:900

font-weight:100

Свойство font и цвет шрифта html

Font является еще одним контейнерным свойством. Внутри себя оно объединило значения нескольких свойств, предназначенных для изменения шрифтов. Синтаксис font :

font: font-size font-family | inherit

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

  • caption – для кнопок;
  • icon – для иконок;
  • menu – меню;
  • message-box –для диалоговых окон;
  • small-caption – для небольших элементов управления;
  • status-bar – шрифт строки состояния.

font:icon

font:caption

font:menu

font:message-box

small-caption

font:status-bar

font:italic 50px bold "Times New Roman", Times, serif

Хотите узнать как ежемесячно зарабатывать от 50 тысяч в Интернете?
Посмотрите моё видео интервью с Игорем Крестининым
=>>

Многие новички, особенно люди преклонного возраста, плохо владеют компьютером. Порой простая ситуация может «загнать в ступор», испортив настроение на весь день.

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

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

Как увеличить буквы на экране компьютера

Самый быстрый, простой способ увеличения букв – это увеличить масштаб страницы при помощи «горячих» клавиш, или мышки.

Описываю способ «горячих» клавиш:

Жмём кнопку – «Ctrl», удерживая её, нажмите на кнопку – «+» (плюс). Если этого не достаточно, нажимайте на «плюс» столько раз, сколько потребуется.

Для постепенного уменьшения масштаба нажмём «Ctrl», одновременно нажимая клавишу «минус» – «-».

Вернуть масштаб к первоначальному состоянию «по умолчанию» — нажмите «Ctrl» и клавишу ноль «0». Увеличить буквы можно с помощью мышки

Как увеличить размер шрифта на экране компьютера при помощи мышки

Нажав клавишу «Ctrl», прокручивайте колёсико мышки. При вращении колёсика от себя – масштаб экрана компьютера увеличивается, зрительно «приближая» текст.

При вращении колёсика к себе – масштаб экрана уменьшается, «удаляется» от вас. Вернуть состояние «по умолчанию» — удерживая «Ctrl» нажать «0».

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

Изменение масштаба Интернет страниц в настройках браузера

Во всех браузерах есть настройки, которые можно регулировать. Обычно значок находится вверху справа. Это может быть изображение колёсика или шестерёнки. Яндекс браузер – значок из трёх горизонтальных полосок.

Расскажу на примере Яндекс браузера. При наведении мышки на значок, появляется подсказка: «Настройки Яндекс браузера». Нажимаем значок настроек, выбираем пункт «настройки».

Открывается новая вкладка – страница настроек. Прокручиваем страницу вниз, нажимаем кнопку «Показать дополнительные настройки». Прокрутив ещё немного страницу вниз, находим «Веб-содержимое».

Здесь увидите, какие размеры шрифта, масштаб страницы, указаны по умолчанию. Можно поменять величину шрифта, увеличить масштаб страницы, указав нужное значение.

Нажмите кнопку: «настроить шрифты», установите максимальное значение, минимальное значение шрифтов. Например, выставлю максимальное значение — 16, а минимальное значение поднял до 10, так как по умолчанию это значение было — 0. Нажму кнопку «готово».

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

Для примера давайте рассмотрим, как увеличить размеры шрифта – браузер Гугл Хром. Вверху, справа от адресной строки находится значок – три вертикально расположенных точки. Наводим курсор, читаем: «Настройка и управление Google Chrome». Жмём этот значок.

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

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

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

Как увеличить размер шрифта на экране через настройки компьютера

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

Как увеличить размер шрифта на экране компьютера – Windows 10

Меняем настройки размера шрифтов – операционная система Windows 10. Нужно зайти – «настройки экрана», увеличить буквы следующим способом:

  • «Пуск»;
  • «Панель управления»;
  • «Оформление и персонализация»;
  • «Экран»;
  • «Изменение только размер текста» — выбираете для всех разделов необходимую величину шрифта, обязательно нажмите кнопку «применить».

Можете сделать щелчок по экрану правой кнопкой мышки – «Параметры экрана», откроется страница, внизу нажать: «Дополнительные параметры экрана», откроется следующее окно, там нужно нажать на «Дополнительные изменения размера текста, других элементов», далее – «Изменить только размеры текста».

Можно увеличить величину текста для:

  1. Заголовок окна;
  2. Окно сообщений,
  3. Меню и значки;
  4. Подсказки.

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

Изменятся только всплывающие подсказки старого типа, которые вы увидите, наведя курсор на кнопку «Закрыть», «Свернуть», «Свернуть», «Окно».

Как увеличить размер шрифта на экране компьютера — ранние версии Windows

В других версиях Windows тоже можно поменять величину букв. Насколько я помню, сделать это нужно следующим способом:

Нажимаете в последовательности:

  • «Пуск»;
  • «Панель управления»;
  • «Оформление»;
  • «Экран»;
  • «Изменение размера текста и других элементов».

Выскочит окно предупреждающее – «при установке среднего размера шрифта, некоторые элементы не смогут поместиться на экране». Это не страшно, так как когда элементы не помещаются, автоматически включается горизонтальная прокрутка.

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

Как увеличить размер шрифта на экране компьютера — заключение

Как видите, описанные шаги идентичные действиям в Windows 10. Подведём итог, думаю, что после прочтения данной статьи у вас не возникнет трудностей с увеличением шрифтов, или масштабированием.

Теперь вы без труда справитесь с задачей! А читателям блога, которые испытывают трудности при работе с компьютером, посоветую изучить его досконально. У меня на блоге, есть статья « », на эту тему.

Напишите комментарий, какими способами увеличиваете буквы, или меняете масштаб?

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

Вы хотите узнать какие ошибки совершают новички?


99% новичков совершают эти ошибки и терпят фиаско в бизнесе и заработке в интернет! Посмотрите, чтобы не повторить этих ошибок — «3 + 1 ОШИБКИ НОВИЧКА, УБИВАЮЩИХ РЕЗУЛЬТАТ» .

Вам срочно нужны деньги?


Скачайте бесплатно: «ТОП — 5 способов заработка в Интернете ». 5 лучших способов заработка в интернете, которые гарантированно принесут вам результат от 1 000 рублей в сутки и более.

Благодаря Word и Publisher можно печатать буквы для плакатов и изменять их размер в пределах от 1-го, до 1638.
Для новичков сложность в том, что не понятно, как сделать буквы больше, если стандартные размеры ограничены 72-м размером шрифта.
В данной статье рассмотрен вопрос увеличения стандартного размера шрифта, а так же вопрос как создать заголовок WordArt.

Как печатать большие буквы

1. Устанавливаем масштаб поменьше так как мы должны видеть листы и буквы на них, чтобы редактировать надпись.
1.1. В Word 2010 в строке состояния находим инструмент — масштаб.
С помощью ползунка или нажимая на кнопку минус уменьшаем размер листа.

инструмент — масштаб


(Рисунок 1)

1.2. В Word 2003 масштаб можно установить двумя способами — выбрав нужный на панели инструментов.

(Рисунок 2)

Второй способ это нажать «Вид» / «Масштаб»

(Рисунок 3)

(Рисунок 4)
После того, как мы выбрали масштаб мы можем видеть несколько листов сразу и как будет выглядеть надпись.

2. Меняем размер букв.

Если вы не знаете как увеличить размер букв (больше, чем 72pt), то это достаточно просто.
Стираем то, что написано в окне «Размер шрифта»:
— устанавливаем курсор внутри окна «Размер шрифта»;
— удаляем число обозначающее старый размер с помощью клавиши backspace или delete;
— печатаем новый размер шрифта помня, что верхняя граница, это число 1938 и если набрать 1939, то программа сообщит об ошибке.
2.1. В word 2010 переходим на вкладку «Главная», стираем старый размер шрифта и впечатываем 72, а затем нажимаем Enter.


(Рисунок 5)

2.2. В word 3003 так же нужно стереть шрифт.

(Рисунок 6)

Вот, что у меня получилось.


(Рисунок 7)

Работа с надписями WordArt

В ворд 2010 такая возможность отсутствует, зато присутствует в Publisher, где надпись можно напечатать и скопировать в word.

3. Чтобы сделать текст WordArt, в ворд 2003 включаем панель рисование, для этого нажимаем «Вид» / «Панель инструментов» / «Рисование». Теперь нажимаем на букву А на панели WordArt и выбираем шрифт для текста объявления.

(Рисунок 8)

И теперь можно писать текст полностью или частями…


(Рисунок 9)

4. После того, как мы получили часть текста ее нужно подвинуть, переместить, но так просто не получится — придется изменить настройки объекта WordArt. Для этого выделяем текст, жмем на выделенном объекте правой кнопкой мыши и выбираем в появившемся окне «Формат объекта WordArt»


(Рисунок 10)

5. Затем в появившемся окне мы должны перейти на закладку «Положение» и выбрать «По контуру», теперь наш объект мы можем свободно перемещать и увеличивать.

Перейти на закладку Положение и выбрать По контуру

(Рисунок 11)

Вывод

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

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

Размер шрифта на экране

Изменение формата текста в различных приложениях

Миллионы россиян проводят часы, общаясь в социальных сетях, которых достаточно в интернете. Это «Одноклассники», «В Контакте» и другие. В одноклассниках увеличить масштаб очень просто. Универсальный способ сделать на компьютере шрифт больше или меньше – это воспользоваться горячими клавишами. Если нажать клавишу «Ctrl» и, не отпуская её вращать колёсико мыши, то в зависимости от направления вращения масштаб будет изменяться в большую или меньшую сторону. Тот же самый эффект достигается если вместе с клавишей «Ctrl» нажимать клавиши «+» или «-».

Этим способом можно не только изменить кегль (размер шрифта), но и расширить экран в одноклассниках, поскольку меняется полностью масштаб экрана. Если возникла необходимость вернуть исходные параметры, то можно нажать клавиши «Ctrl» и «0» одновременно.

Увеличить шрифт на экране ноутбука можно двумя способами:

  1. Использовать сочетание клавиш «Ctrl» и «+, -»
  2. Использовать сочетание «Ctrl» и полоски прокрутки на тачпаде

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

нажать кнопку «Мои настройки», прокрутить текст до низа и поставить галочку в соответствующей строке

Этот вариант позволяет шрифт поменять в вк, при этом масштаб страницы не изменяется.

Замена размера символов в браузерах

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

Замена в Google Chrome

Чтобы шрифт увеличить в браузере нужно войти в настройки нажав три горизонтальные чёрточки в углу верхней части экрана. В открывшемся меню есть строка «Масштаб» со значением «%» и значки «+» и «-». С помощью этих значков можно изменить формат текста. Если требуется полностью изменить размер и конфигурацию букв, надо идти по следующему пути:

  • Открыть основное меню
  • Войти в «Настройки»
  • Открыть строку «Показать дополнительные настройки»

  • В строке «Вид страниц» выполнить требуемые действия

Замена в Mozilla Firefox

В этом браузере есть три горизонтальные чёрточки в верхней части экрана, которые открывают главное меню. В открывшемся окне за значком в виде шестерёнки скрывается то, что необходимо. Последовательно открываются следующие окна «Настройки» — «Содержимое» — «Дополнительно». Здесь выбирается начертание букв и кегль.

Последовательно открываются следующие окна «Настройки» — «Содержимое» — «Дополнительно». Здесь выбирается начертание букв и кегль.

Замена в Opera

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

Замена в Internet Explorer

Для изменения величины букв в Internet Explorer надо войти в окно, которое открывается значком с символом шестерёнки. В меню есть строка «Масштаб», с помощью которой масштабируется вся зона экрана. Если требуется изменить только текстовые символы, то нажимаются следующие кнопки:

  • Настройки
  • Свойства браузера
  • Шрифты

В открывшемся окне выполняются требуемые действия.

ПОСМОТРЕТЬ ВИДЕО

Изменения некоторых параметров в операционной системе

Чтобы увеличить шрифт на компьютере Windows 7 можно воспользоваться возможностями, которые предоставляет система. Нажимаются последовательно следующие кнопки:

  • «Пуск»
  • «Панель управления»

Справа вверху имеется надпись просмотр, с помощью которой можно выбрать величину отображаемых значков (иконок). Затем, прокручивая таблицу найти заголовок «Экран» и открыть его. На странице можно выбрать один из трёх предлагаемых масштабов – мелкий, средний или крупный.

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

Такой же принцип замены параметров символов используется в браузере Windows 8 и 8.1. Можно увеличить шрифт на мониторе и изменить некоторые параметры. Для этого выбирается свободное место на рабочем столе, кликом правой кнопки мыши выполняется вход в контекстное меню и открывается строка «Разрешение экрана». Там предлагается выполнить замену ряда параметров.

Теперь вы знаете, как увеличить шрифт на экране компьютера и ноутбука.

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

Если у вас возник вопрос о том, как уменьшить шрифт на ПК с помощью клавиатуры, значит, отображение шрифта на экране вашего компьютера перестало вас устраивать. Это может случиться из-за чрезмерно больших размеров отображения шрифта в браузере или в различных служебных программах (MS Word, Excel и др.), а также при возникновении потребности уменьшения размера системных шрифтов ОС Windows, в случае когда надписи к иконкам отображаются не совсем корректно.

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

Среди способов того, как сделать шрифт на компьютере меньше, выделяют следующие варианты:

Воспользуйтесь клавишами Ctrl и – (минус) . Данный способ является достаточно универсальным и позволяет регулировать размер шрифта в большинстве компьютерных программ, причём как в сторону уменьшения, так и в сторону увеличения (Ctrl и клавиша «+»). Просто зажмите клавишу Ctrl и нажатием на клавишу «-» (минус) уменьшите размер шрифта до нужного значения.

Используйте сочетание клавиш Ctrl и —

Уменьшите размер шрифта с помощью настроек браузера . При серфинге в сети возникает потребность уменьшить размер отображаемого браузером шрифта (в частности, для более комфортного просмотра содержимого сайта). Для этого зайдите в настройки браузера, поищите там опцию размера шрифта (у меня в Firefox она находится во вкладке «Содержимое») и выставьте требуемый размер шрифта.

Также в браузере есть возможность полностью изменить масштаб экрана (масштаб страницы). При захождении в меню настроек откроется меню, где сверху (обычно) расположены клавиши регулировки масштаба отображения — «минус» (-) и плюс (+);

Меняем разрешение экрана . Ещё одним простым методом уменьшения шрифта является увеличение разрешение экрана (количество отображаемых точек на единицу площади). Соответственно, значки и шрифт сократятся в размерах для более комфортного их восприятия пользователем. Чтобы сделать это нажмите на свободном пространстве рабочего стола правой клавишей мыши, выберите опцию «Разрешение экрана», а затем переключитесь на более высокое разрешение экрана. При этом учитывайте возможности вашего монитора и не ставьте разрешение выше заявленных характеристик вашего устройства.

Сокращаем размер шрифта с помощью настроек ОС . Ещё один эффективный способ чтобы сократить размер шрифта на компьютере нам даёт инструментарий ОС Windows.

  1. Наводим курсор на пустое место рабочего стола, жмём правую клавишу мыши (или правую клавишу на вашем тачпаде), выбираем «Персонализация».
  2. Затем выбираем «Цвет окна», а потом – «Дополнительные параметры оформления».
  3. В элементах выбираем, к примеру, «Значок» и проставляем справа как размер шрифта, так и размер значка.

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

Меняем настройки экрана. Заходим в панель управления, переходим в «Управление и персонализация», выбираем «Экран» и меняем размер в сторону уменьшения (при возможности). Также вы можете изменить размер шрифта использовав опцию «Другой размер шрифта» слева.

Видео изменения шрифта на PC

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

Вконтакте