Как уменьшить жирность шрифта
font-weight
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 6.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Краткая информация
| Значение по умолчанию | normal |
|---|---|
| Наследуется | Да |
| Применяется | Ко всем элементам |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight |
Версии CSS
Описание
Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.
Синтаксис
Значения
Насыщенность шрифта задаётся с помощью ключевых слов: bold — полужирное начертание, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900. Значения bolder и lighter изменяют жирность относительно насыщенности родителя, соответственно, в большую и меньшую сторону.
HTML5 CSS2.1 IE Cr Op Sa Fx
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства font-weight
Объектная модель
[window.]document.getElementById(» elementID «).style.fontWeight
Браузеры
Как убрать жирный шрифт в html
Свойства текста
Свойства шрифта
Изменение начертания шрифта и его размера происходит через свойства CSS, которые описаны в табл. 1.
| Свойство | Значение | Описание | Пример |
|---|---|---|---|
| font-family | имя шрифта | Задает список шрифтов | P |
| font-style | normal italic oblique | Нормальный шрифт Курсив Наклонный шрифт | P |
| font-variant | normal small-caps | Капитель (особые прописные буквы) | P |
| font-weight | normal lighter bold bolder 100–900 | Нормальная жирность Светлое начертание Полужирный Жирный 100 — светлый шрифт, 900 — самый жирный | P |
| font-size | normal pt px % | нормальный размер пункты пикселы проценты | font-size: normal font-size: 12pt font-size: 12px font-size: 120% |
В примере 1 показано использование параметров при работе со шрифтами.
Пример 1. Задание свойств шрифта с помощью CSS
Ниже приведен результат данного примера (рис. 1).
Рис. 1. Вид текста после применения стилей
В табл. 2 приведены некоторые стилевые параметры для работы с текстом и результат их применения.
| Пример | Пример | Пример | Пример | Пример |
| font-family: Verdana, sans-serif; font-size: 120%; font-weight: light | font-size: large; font-weight: bold | font-family: Arial, sans-serif; font-size: x-small; font-weight: bold | font-variant: small-caps | font-style: italic; font-weight: bold |
Свойства текста
Кроме изменения параметров шрифтов, можно управлять и свойствами всего текста. Значения свойств приведены в табл. 3.
| Свойство | Значение | Описание | Пример |
|---|---|---|---|
| line-height | normal множитель значение % | Интерлиньяж (межстрочный интервал) | line-height: normal line-height: 1.5 line-height: 12px line-height: 120% |
| text-decoration | none underline overline line-through blink | Убрать все оформление Подчеркивание Линия над текстом Перечеркивание Мигание текста | text-decoration: none |
| text-transform | none capitalize uppercase lowercase | Убрать все эффекты Начинать С Прописных ВСЕ ПРОПИСНЫЕ все строчные | text-transform: capitalize |
| text-align | left right center justify | Выравнивание текста | text-align: justify |
| text-indent | значение % | Отступ первой строки | text-indent: 15px; text-indent: 10% |
Ниже, в табл. 4 приведены некоторые параметры текста и результат их применения.
Жирность текста на CSS
Если бы я делал жирный через тег b — мне пришлось бы содержимое каждого абзаца обернуть в этот тег, а это было бы очень затратным по времени (а если я потом захочу убрать жирность абзацам — мне придется убирать все эти теги, представьте, сколько это лишней, бесполезной работы).
В следующем примере мы сделаем все абзацы жирными, а все заголовки h2 — нежирными:
Скопируйте следующий HTML код себе на страницу:
Как убрать жирность текста?
Как убрать тень текста
Добрый день. Переделываю сайт, и не могу разобраться в css. Там где то прописано чтоб буквы.
Как убрать отступ (строчный) текста от поля формы?
Здравствуйте помогите устранить один нюанс, как убрать отступ текста от поля формы? на рисунку.
фотошоповская жирность Bold Condenset Italic
Можно ли как нибудь повторить визуально нестандартные шрифты из фотошопа в html, которым дана.
«Font-weight: bolder» для шрифтов со множеством начертаний
Возьмём для примера Open Sans.
Пусть основной текст имеет начертание Light 300, заголовки и цитаты — Normal 400, а промо-блок — Semi-Bold 600:
Тег strong может встечаться и в основном тексте, и в цитатах, и промо-блоке. Надо это учесть.
А нам хочется, чтобы у strong и b для основного текста было Normal 400, для цитат и заголовков — Bold 700, а для промо блока — Extra-Bold 800. Это сохранит контраст между жирным и нежирным текстом примерно равным во всех случаях.
Уверен, многие пробовали использовать strong
А всё потому, что согласно спецификации, значение bolder ( lighter ) увеличивает (уменьшает) унаследованное значение font-weight до следующего возможного для данного шрифта значения, согласно следующей таблице.
| наследуемое значение | bolder | lighter |
|---|---|---|
| 100 | 400 | 100 |
| 200 | 400 | 100 |
| 300 | 400 | 100 |
| 400 | 700 | 100 |
| 500 | 700 | 100 |
| 600 | 900 | 400 |
| 700 | 900 | 400 |
| 800 | 900 | 700 |
| 900 | 900 | 700 |
Но в браузерной CSS прописано strong, b
Исправить это можно так:
Именно так, как два отдельных правила. Первое обнуляет значение font-weight из браузерной таблицы стилей, второе задаёт жирность уже в относительных, а не абсолютных единицах.
Теперь нам не придётся заботиться о вложенности элементов — каскад всё сделает автоматически. Мы можем вкладывать теги strong друг в друга.
Вложенные теги «strong». Толщина шрифта определяется исходя из значения родительского элемента.
Демка
Ограничения
Используя относительные значения font-weight мы получаем только по три градации жирности шрифта для bolder и lighter соответственно. Спецификация не гарантирует, что браузеры правильно сопоставят названия начертаний и числовые значения. Не гарантирует, что для шрифта найдётся более жирное или более тонкое начертание. У некоторых шрифтов всего два начертания, у некоторых может быть восемь.
Единственной гарантией при использовании bolder / lighter является то, что шрифт при значении « bolder » не будет тоньше, чем более легкие начертания этого шрифта, а при значении « lighter » будет не толще, чем более жирные начертания этого шрифта.
Чтобы более тонко настроить вес шрифта, надо использовать абсолютные значения.
Как сделать жирный шрифт на клавиатуре
Курсивный текст
Есть возможность использовать курсивный текст с наклоном.
Секрет его использования заключается в отделение слов или фраз символом «нижнего пробела» — «_» (без кавычек). Также отделите слово с двух сторон этим знаком и после отправки получите курсивный стиль Italic.
Работа с таблицами
Перемещение по таблице
Перейти к следующей ячейке в строке и вычести ее содержимое.
Переход к предыдущей ячейке в строке и выбор содержимого.
Переход к первой ячейке строки.
Переход к последней ячейке строки.
Перейти к первой ячейке столбца.
Переход к последней ячейке столбца.
Переход к предыдущей строке
Клавиша СТРЕЛКА ВВЕРХ
Переход к следующей строке
Клавиша СТРЕЛКА ВНИЗ
Перемещение на одну строку вверх
ALT + SHIFT + СТРЕЛКА ВВЕРХ
Перемещение на одну строку вниз
Выбор содержимого таблицы
Вы выберите содержимое следующей ячейки.
Выберем содержимое предыдущей ячейки.
Выделение нескольких соседних ячеек.
SHIFT+клавиши со стрелками
Выберите верхнюю или нижнюю ячейку столбца и нажмите клавиши SHIFT+СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ.
Выберите первую или последнюю ячейку в строке и нажмите shift+ALT+END или HOME.
Вы можете выбрать всю таблицу.
ALT+5 на цифровой клавиатуре с отключенной клавишей NUM LOCK
Вставка знаков абзаца и табуляции в таблицу
Вставка нового абзаца в ячейке.
Вставка знака табулили в ячейку.
Навигация по документу
Перемещение курсора на одно слово влево.
Перемещение курсора на одно слово вправо.
Перемещение курсора вверх на один абзац
+СТРЕЛКА ВВЕРХ
Перемещение курсора вниз на один абзац.
+СТРЕЛКА ВНИЗ
Переместить курсор в начало текущей строки.
+СТРЕЛКА ВЛЕВО
Переместить курсор в конец текущей строки.
+СТРЕЛКА ВПРАВО
Переместить курсор в верхнюю часть предыдущей страницы.
+PAGE UP
На MacBook нажмите клавиши 
+FN+СТРЕЛКА ВВЕРХ
Переместите курсор в верхнюю часть следующей страницы.
+PAGE DOWN
На MacBook нажмите клавиши 
+FN+СТРЕЛКА ВНИЗ
Переместить курсор в начало документа.
+HOME
На MacBook нажмите клавиши 
+FN+СТРЕЛКА ВЛЕВО
Переместить курсор в конец документа.
+END
На MacBook нажмите клавиши 
+FN+СТРЕЛКА ВПРАВО
Перемещение курсора к предыдущей точке вставки.
Перемещая курсор, прокрутите документ на один экран вверх.
Перемещая курсор, прокрутите документ на один экран вниз.
Форматирование абзаца
Изменение масштаба текста с помощью настроек разрешения экрана
Справиться с проблемой неподходящего размера текста вам может помочь регулировка разрешения экрана. Работает это следующим образом: при увеличении разрешения размер шрифтов и иконок уменьшается, и наоборот, для того, чтобы увеличить иконки и текст, нужно уменьшить разрешение экрана.
Проделайте эти несложные действия, чтобы отрегулировать разрешение экрана:
Правой кнопкой мышки щелкаем по пустому месту рабочего стола, в меню открываем пункт «Параметры экрана»
Находим строку «Разрешение экрана» и меняем на необходимое значение
Полезная информация! Помните, что не на всех компьютерах можно изменить разрешение дисплея на значение, выше заявленного. Следовательно, уменьшить величину шрифта и иконок у вас может не получиться.
Уменьшение текста на страницах с помощью настроек управления браузером
Часто, во время просмотра различных сайтов в сети интернет, возникает потребность в изменении размера текста на странице, ввиду того, что он слишком большой или слишком маленький. Это без труда можно сделать, не покидая нужный сайт.
Большинство современных браузеров предоставляют своим пользователям возможность отрегулировать размер отображаемого на экране текста. Например, если вы являетесь пользователем Google Chrome, вам нужно выполнить следующие действия:
Открываем браузер Гугл Хром
Щелкаем по значку настроек браузера в виде трех точек в правом верхнем углу
В строке «Масштаб» регулируем размер текста, нажимая на кнопки «+» (увеличение) и «-» (уменьшение)
Как сделать перечеркнутый текст на айфоне?
Надеюсь, удалось почерпнуть из статьи что-то новенькое. О других малоизвестных функциях Айфона читайте в здесь и здесь.…Можно писать подчёркнутый или зачёркнутый текст
Как сделать жирный шрифт на клавиатуре телефона?
Чтобы поменять шрифт на телефоне, зайдите в настройки.
Специальные знаки и символы
Для тех, кто работает с текстом профессионально (или стремится к этому), есть — «Типографская раскладка» Ильи Бирмана.
Она незаменима для быстрого ввода редких знаков и символов, которые часто заменяют неверными аналогами. Например, многие путают кавычки «елочки» с „лапками“ и “английскими”, минус и дефис (кстати, чтобы написать тире вместо дефиса, можно нажать Ctrl и минус на цифровой клавиатуре), тире и короткое тире (о разнице в употреблении читайте ).
Выделение текста клавиатурой
А вот теперь о самых эффективных способах. Выделить любой фрагмент текста позволяют сочетания клавиши Shift с клавишами-стрелками управления курсором — Left, Right, Up, Down. При этом сочетания Shift+Left и Shift+Right выделяют текст посимвольно. Поэтому такой способ годится только для мелких фрагментов текста, часть слова, несколько символов. причем даже для выделения части слова он не всегда самый эффективный, но об этом позже.
Клавиши для выделения строк текста
Сочетания Shift+Up и Shift+Left позволяют выделять текст построчно, на строку вверх и вниз от курсора соответственно. При этом стоит заметить, что если исходное положение курсора середина строки, то подобное сочетание выделит фрагмент с середины строки, начиная с места в котором находится курсор, до середины нижней или верхней строки, соответственно до места точно сверху или снизу курсора.
Далее, вспомним о клавишах перехода в начало (Home) и конец (End) строки. Использование их совместно с Shift даст эффект выделения фрагмента от текущего положения курсора до начала или конца строки соответственно.
Выделение отдельного слова
Постраничное выделение
Для этого используются клавиши shift+pgUp и shift+pgDown, для выделения на страницу вверх и вниз соответственно.
Выделить весь документ с текущей позиции курсора и до начала или до конца позволят сочетания Ctrl+Shift+Home и Ctrl+Shift+Home.
Как быстро запомнить горячие комбинации
Если в работе с текстом вы используете с десяток команд/символов, можно обойтись и шпаргалкой. Главное выбрать именно те команды, которые пригодятся, а не печатать списки из ста комбинаций, большинство из которых никогда не запомните и не примените на практике.
Когда обычной шпаргалки мало и хочется, чтобы список горячих клавиш был всегда под рукой, – помогут специальные утилиты. Они предназначены для того, чтобы выводить все возможные варианты полезных комбинаций.
Утилита простая, бесплатная и работает практически с любыми программами. Особенно удобно, если вы не только установили Word, но и используете нестандартные текстовые редакторы, софт для работы с графикой, видео и хотите управлять этим быстрее и эффективнее.
Базовая версия бесплатная, премиум — за деньги. Дополнительно можно отслеживать статистику по использованию клавиш в работе.
Настраиваем чёткость шрифтов
Друзья, поговорим о не менее важной теме – удобство пользования компьютером, а именно чёткость шрифтов, отображаемых на мониторе.
Многие из нас целыми днями работают за компьютером. И конечно же знают, как сильно устают глаза. Но разве многие из нас делают специальные упражнения каждый день, чтобы глазки расслаблялись, думаю, нет.
Давайте же поможем нашему здоровью хотя бы немного и определим необходимую чёткость шрифтов.
Компания Microsoft уже подумала о наших глазках и предлагает нам свою технологию ClearType. Данная технология разработана специально для ЖК-мониторов и обеспечивает сглаживание шрифтов, повышая тем самым удобочитаемость. ClearType отображает слова на экране монитора такими же четким и ясными, как будто они напечатаны на листе бумаге.
А теперь настроим чёткость шрифтов
На windows 10 будет находится в том же разделе.
Настройка размера шрифта
Если Вам кажется, что отображаемый в приложениях шрифт маловат, и Вы постоянно напрягаетесь, чтобы прочитать что-нибудь на экране, то Вам просто обязательно необходимо увеличить размер шрифта по-умолчанию.
Для этого Переходим снова в “Панель управления” –> “Оформление и персонализация” –> кликаем по пункту “Шрифты” –> далее в правой части окна управления выбираем “Изменение размера шрифта” и подбираем наиболее удобный вариант.
А теперь радуемся полученному результату. Наши глазки точно теперь скажут нам спасибо.