Как поменять шрифт в WhatsApp
В одном из последних обновлений мессенджера WhatsApp добавили функцию по смене шрифта в сообщениях. Эта возможность появилась также у тех, кто использует приложение на старых платформах. Мы расскажем, как поменять шрифт в WhatsApp вручную и автоматически.
18 декабря 2021 года Мессенджеры
2 минуты, 21 секунда читать
2527
Мессенджеры
На устройствах на базе iOS и Android шрифт в мессенджере меняется практически одинаково. Если вы имеете обновленную версию WhatsApp, вам не придется использовать сторонние программы и сервисы.
В WhatsApp теперь доступно новые виды шрифтов:
- Жирный;
- Курсив;
- Зачеркнутый;
- Шрифт разработчиков
Чтобы изменить шрифт на любой из вышеупомянутых, откройте любую переписку в мессенджере и напишите текст. Затем нажмите на него и удерживайте, пока не откроется меню. В нем вы сможете выбрать нужный вам шрифт.
Теперь расскажем подробнее, как использовать разные шрифты в старых версиях приложения.
Как сделать жирный шрифт в Whatsapp
С его помощью можно выделять особо важные слова в сообщении, чтобы не писать капсом или ярче выражать эмоции, к примеру, радость или недовольство. Как писать жирным шрифтом:
1. Зайдите в любую переписку;
2. Введите текст;
3. Выделите его с обеих сторон звездочками (*) и отправьте сообщение. После этого ваше сообщение станет жирным.
Выделять можно весь текст или отдельные слова.
Как писать курсивом в Whatsapp
Курсивным шрифтом, как правило, обозначают дополнительную информацию. Некоторые пользуются курсивом, потому что им нравится визуальное оформление букв.
Инструкция для использования курсива в сообщении:
1. Откройте необходимый чат;
2. Напишите текст;
3. Выделите сообщение с обеих сторон специальными символами — нижним подчеркиванием ( _ ).
После отправки сообщения, шрифт автоматически изменится.
Как писать зачеркнутым шрифтом в мессенджере
Зачеркнутым шрифтом в WhatsApp пишут, чтобы перечеркнуть некоторые слова или текст полностью, а также отметить сообщение, как неправильное. Как его использовать в старой версии:
1. Зайдите в диалог;
2. В окне для ввода сообщения наберите текст, который хотите отправить;
3. По аналогии с остальными шрифтами, поставьте с двух сторон текста символы тильда (~).
Отправьте сообщение, чтобы вы и ваш собеседник могли оценить необычное оформление текста.
Шрифт разработчиков
В отличие от предыдущих вариантов, он выглядит иначе: немного больше обычного шрифта с крупными разрывами между буквами. Не самый приятный для чтения, но выглядит довольно необычно в переписке.
Чтобы использовать шрифт разработчиков, выделите ваше сообщение в WhatsApp тремя апострофами таким образом: «`Message«`
Делаем текст жирным с помощью CSS и HTML
В HTML жирный текст можно сделать несколькими способами. К ним относятся:
- Тег <b>;
- Тег <strong>;
- CSS-свойство font-weight.
Поговорим о каждом из вариантов выделения текста по порядку.
Жирный текст: тег <b>
Тег b HTML применяется следующим образом:<b>Конструктор сайтов "Нубекс"</b>
Для тега <b> обязательно наличие закрывающего </b>, и ему доступны универсальные атрибуты (такие как class, id, title и т.д.)
Хотя валидность тега b и не осуждается спецификацией HTML, более актуальным в использовании является тег strong, давайте разберемся почему.
Жирный текст: тег <strong>
Согласно спецификации HTML, тег b служит для выделения текста жирным шрифтом. В отличие от него, тег strong HTML служит для выделения важных фраз, слов, которые являются ключевыми для данной страницы.
Этот тег имеет весомое значение при ранжировании страниц в поисковой выдаче, поэтому он широко используется в продвижении сайтов и при SEO-оптимизации. Поисковые системы учитывают текст, заключенный в теги
Используется тег strong аналогичным образом:
<strong>Конструктор сайтов "Нубекс"</strong>
Вы можете заметить, что внешне применение тегов <b> и <strong> совсем не отличается (поскольку все современные браузеры интерпретируют их практически одинаково), но семантические различия в коде для поисковых систем, всё-таки, имеют место быть. Поэтому большинство SEO-оптимизаторов рекомендуют использовать тег strong.
Жирный текст при помощи CSS
Мы уже отмечали важность тега strong при поисковом продвижении, но что делать в случае, если нужно выделить большое количество текста жирным (но текст не нужно помечать для поисковиков как важный), или необходимо управлять степенью «жирности» шрифта? В таких случаях используется CSS-свойство font-weight. Применяется оно следующим образом:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Жирный текст с помощью CSS - "Нубекс"</title> <style> .nubex1 { font-weight: bold; } .nubex2 { font-weight: bolder; } .nubex3 { font-weight: 600; } </style> </head> <body> <center> <p>Наши сайты - это, действительно, <span>огромный шаг</span> в веб-разработке. </p> <p>Мы делаем по-настоящему <span>качественные</span> сайты.</p> <p>Доверьтесь нам, и мы вас <span>не подведем</span>.</p> </center> </body> </html>
Значениями bolder и lighter можно задать степень жирности больше (или меньше), чем у родителя. Числовым значением (100-900) можно задать степень жирности.
Свойство CSS font-weight
❮ Предыдущий Полное руководство по CSS Далее ❯
Пример
Установить разную толщину шрифта для трех абзацев:
p.normal {
начертание шрифта: нормальное;
}
p.thick {
начертание шрифта: полужирный;
}
p.thicker {
начертание: 900;
}
Попробуйте сами »
Определение и использование
Свойство font-weight
определяет, насколько толстыми или тонкими должны отображаться символы в тексте.
Показать демо ❯
Значение по умолчанию: | обычный |
---|---|
Унаследовано: | да |
Анимация: | да. Читать про анимированный Попробуй |
Версия: | CSS1 |
Синтаксис JavaScript: | объект .style.fontWeight=»полужирный» Попробуй |
Поддержка браузера
Числа в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Собственность | |||||
---|---|---|---|---|---|
вес шрифта | 2,0 | 4,0 | 1,0 | 1,3 | 3,5 |
Синтаксис CSS
вес шрифта: нормальный|жирный|жирнее|светлее| номер |начальный|наследовать;
Значения свойств
Значение | Описание | Демо |
---|---|---|
обычный | Определяет обычные символы. Это по умолчанию | Демонстрация ❯ |
полужирный | Определяет толстые символы | Демонстрация ❯ |
жирнее | Определяет более толстые символы | Демонстрация ❯ |
зажигалка | Определяет более светлые символы | Демонстрация ❯ |
100 200 300 400 500 600 700 800 900 | Определяет от тонких до толстых символов. 400 соответствует обычному, а 700 соответствует полужирному | .Демонстрация ❯ |
начальный | Устанавливает для этого свойства значение по умолчанию. Читать о начальный | |
унаследовать | Наследует это свойство от родительского элемента. Читать о унаследовать |
Связанные страницы
Учебник CSS: шрифт CSS
Ссылка CSS: свойство шрифта
Ссылка HTML DOM: свойство fontWeight
❮ Предыдущая Полное руководство по CSS Следующий ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебное пособие по HTMLУчебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3. CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
900 Справочник
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Основные примеры
Примеры HTMLПримеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
9002 FORUM | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.
Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
font-weight — CSS: Каскадные таблицы стилей
Свойство CSS font-weight
устанавливает толщину (или жирность) шрифта. Доступные веса зависят от семейства шрифтов
, которое установлено в данный момент.
/* Значения ключевых слов */ вес шрифта: нормальный; вес шрифта: полужирный; /* Значения ключевых слов относительно родителя */ вес шрифта: светлее; вес шрифта: жирнее; /* Числовые значения ключевых слов */ вес шрифта: 100; вес шрифта: 200; вес шрифта: 300; вес шрифта: 400; /* нормальный */ вес шрифта: 500; вес шрифта: 600; вес шрифта: 700; /* жирный */ вес шрифта: 800; вес шрифта: 900; /* Глобальные значения */ вес шрифта: наследовать; вес шрифта: начальный; вес шрифта: вернуться; вес шрифта: обратный слой; вес шрифта: не установлен;
Свойство font-weight
указывается с использованием любого из перечисленных ниже значений.
Значения
-
нормальный
Обычный вес шрифта. То же, что и
400
.-
полужирный
Вес полужирного шрифта. То же, что и
700
.-
зажигалка
На один относительный вес шрифта светлее родительского элемента. Обратите внимание, что для расчета относительного веса учитываются только четыре веса шрифта; см. раздел «Значение относительных весов» ниже.
-
жирнее
На один относительный вес шрифта больше, чем у родительского элемента. Обратите внимание, что для расчета относительного веса учитываются только четыре веса шрифта; см. раздел «Значение относительных весов» ниже.
-
<номер>
A
<число>
значение от 1 до 1000 включительно. Более высокие числа представляют веса, которые выделены жирнее (или так же жирно, как) меньшие числа. Некоторые часто используемые значения соответствуют общим именам гирь, как описано в разделе «Сопоставление общих имен гирь» ниже.
В более ранних версиях спецификации font-weight
свойство принимает только значения ключевых слов и числовые значения 100, 200, 300, 400, 500, 600, 700, 800 и 9.00; непеременные шрифты могут действительно использовать только эти установленные значения, хотя более мелкие значения (например, 451) будут преобразованы в одно из этих значений для непеременных шрифтов с использованием системы резервных весов.
Шрифты CSS Уровень 4 расширяет синтаксис, чтобы принимать любое число от 1 до 1000, и вводит вариативные шрифты, которые могут использовать этот гораздо более тонкий диапазон веса шрифта.
Резервные веса
Если указанный точный вес недоступен, то используется следующее правило для определения фактического веса:
- Если заданный целевой вес находится в диапазоне от
400
до500
включительно:- Найдите доступные веса между целевым значением и
500
в порядке возрастания. - Если совпадений не найдено, ищите доступные веса меньше целевого в порядке убывания.
- Если совпадений не найдено, найдите доступные веса больше
500
в порядке возрастания.
- Найдите доступные веса между целевым значением и
- Если вес меньше
400
, ищите доступные веса меньше целевого, в порядке убывания. Если совпадений не найдено, найдите доступные веса, превышающие целевой, в порядке возрастания. - Если указан вес больше
500
, найдите доступные веса больше целевого в порядке возрастания. Если совпадений не найдено, ищите доступные веса меньше целевого в порядке убывания.
Значение относительного веса
Когда легче
или жирнее
, на приведенной ниже диаграмме показано, как определяется абсолютный вес шрифта элемента.
Обратите внимание, что при использовании относительной толщины учитываются только четыре толщины шрифта — тонкий (100), обычный (400), полужирный (700) и тяжелый (900). Если в семействе шрифтов доступно больше весов, они игнорируются при расчете относительного веса.
Унаследованное значение | жирнее | зажигалка |
---|---|---|
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 |
Сопоставление общих имен гирь
Числовые значения от 100
до 900
примерно соответствуют следующим общим именам гирь (см. спецификацию OpenType):
Значение | Общее название веса |
---|---|
100 | Тонкий (линия волос) |
200 | Сверхлегкий (Сверхлегкий) |
300 | Свет |
400 | Обычный (Обычный) |
500 | Средний |
600 | полужирный (полужирный) |
700 | Жирный |
800 | Extra Bold (Сверхжирный) |
900 | Черный (тяжелый) |
950 | Экстра-черный (Ультра-черный) |
Вариативные шрифты
Большинство шрифтов имеют определенный вес, который соответствует одному из чисел в сопоставлении имени общего веса. Однако некоторые шрифты, называемые вариативными, могут поддерживать диапазон начертаний с более или менее тонкой детализацией, и это может дать дизайнеру гораздо более строгий контроль над выбранным начертанием.
Для изменяемых шрифтов TrueType или OpenType вариант «wght» используется для реализации различной ширины.
Примечание: Для работы приведенного ниже примера вам потребуется браузер, поддерживающий синтаксис CSS Fonts Level 4, в котором font-weight
может быть любым числом от 1
до 1000
. Демонстрация загружается с шрифтом , вес шрифта: 500;
. Измените значение, чтобы увидеть изменение веса текста.
Люди со слабым зрением могут испытывать трудности при чтении текста, установленного на font-weight
значение 100
(тонкий/линия волос) или 200
(сверхсветлый), особенно если шрифт имеет низкоконтрастное цветовое соотношение.
- MDN Понимание WCAG, пояснения к Руководству 1.4
- Понимание критерия успеха 1.4.8 | Понимание W3C WCAG 2.0
Исходное значение | нормальный |
---|---|
Применяется ко всем элементам | . Это также относится к ::first-letter и :: первая строка . |
Унаследован | Да |
Расчетное значение | Ключевое слово или численное значение, преобразованное до реального значения |
вес шрифта =
<абсолютный вес шрифта> |
смелее |
легче"><шрифт-вес-абсолютный> =
обычный |
полужирный |
<число [1,1000]>
Установка веса шрифта
HTML
Алисе уже начинало надоедать сидеть рядом с сестрой на берегу. и от нечего делать: раз или два она заглянула в книгу, сестра читала, но в ней не было ни картинок, ни разговоров, "и что Польза от книги, — подумала Алиса, — без картинок и разговоров?»
<дел> Я тяжелый
Я легче