font-weight — жирный текст | CSS справочник
Поддержка браузерами
12.0+ | 4.0+ | 1.0+ | 2.0+ | 3.5+ | 1.3+ |
Описание
CSS свойство font-weight
позволяет указать, насколько жирным будут выглядеть текст. Как вы знаете, жирный текст выглядит темнее и немного толще, чем обычный. Вы можете использовать жирный текст для любого тега, задав свойству значение bold
.
Если у вас есть элемент, для которого по умолчанию задан жирный шрифт, или он наследует такой шрифт от родительского элемента, то можно уменьшить насыщенность шрифта с помощью значения normal
.
Для свойства font-weight
предусмотрены также два относительных значения:
и lighter
. Они сделают текст более или менее плотным по сравнению с унаследованным значением. Эти значения используются редко, так как немногие шрифты поддерживают столь слабые различия в плотности.
Вы также можете устанавливать значения свойства с помощью чисел от 100 до 900, но это тоже не очень хорошо поддерживается шрифтами и браузерами и редко применяется.
Значение по умолчанию: | normal |
---|---|
Применяется: | ко всем элементам |
Анимируется: | да |
Наследуется: | да |
Версия: | CSS1 |
Синтаксис JavaScript: | object.style.fontWeight=»900″ |
Синтаксис
font-weight: normal|bold|bolder|lighter|число|inherit;
Значения свойства
Значение | Описание |
---|---|
normal | Определяет стандартное написание символов. |
bold | Задает жирное начертание символов в тексте. |
bolder | Тоже самое, что и bold. |
lighter | тоже самое, что и normal. |
100 200 300 400 500 600 700 800 900 |
Определяет толщину шрифта по заданному значению, от 0 до 500 — стандартное начертание шрифта, от 600 до 900 — жирное начертание. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
Следите за изменением шрифта.
div {
font-weight: normal;
}
Параметры текста в HTML: шрифты, курсив, жирный и другие
Как запустить видеоурок:- Разархивировать скачанный файл.
- Открыть папку index.
- Запустить файл index.html в браузере.
Приветствую вас в еще одном видеоуроке из курса по HTML от сайта info-line.net. В этом видеоуроке мы разберем еще несколько дополнительных параметров и стилей для текста. Не будем долго рассуждать и перейдем сразу к коду — там вы сами все увидите.
Как изменить шрифт?
Приступим к редактированию какого-нибудь нашего текста. Возьмем текст «Текст заголовка h3». Для начала, давайте изменим ему шрифт. Поставим «Verdana». Если через запятую указать шрифты, то это означает, что если у человека на компьютере нет шрифта Verdana, то будет использоваться шрифт Arial. Впрочем, именно поэтому не стоит использовать редкие шрифты. Зачастую их нет на компьютере у пользователя.
<font face="Verdana, Arial" color="#CC0000"><h3>Текст заголовка h3</h3></font>
Как сделать текст курсивом?
Теперь давайте уберем тег <h3> и выделим текст курсивом. Используем теги <i></i>.
<font face="Verdana" color="#CC0000"> <i>Текст курсивом<i><font>
Как сделать текст жирным?
Давайте текст, который прописан у нас курсивом, сделаем жирным, используя теги <b></b>.
<font size="6" color="#0000FF"><b>Синий цвет</b></font>
Как сделать текст подчеркнутым?
А текст заголовка h4сделаем подчеркнутым, используя теги <u></u>.
<h4><u>Текст заголовка h4</u> </h4>
Давайте сохраним наш документ и перейдем в браузер. Как видите, «текст заголовка h4» у нас подчеркнутый, «текст курсивом» изображен курсивом, и «синий цвет» изображен жирным.
Как сделать текст перечеркнутым?
Переходим обратно в код. Давайте сделаем наш центрированный текст перечеркнутым, применяя теги
<center><s>Центрированный текст без использования тега p</s> </center>
Как сделать текст моноширным?
А текст, помещенный в тег <div> сделаем моноширным (буквы одинаковой ширины), используя теги <tt></tt>.
<div title="текст"><tt>Какой-нибудь текст, помещенный в тег div</tt> </div>
Сохраняем страницу и переходим в браузер. Как видим, «Какой-нибудь текст, помещенный в тег div» стал моноширным, а «Центрированный текст без использования тега p» — перечеркнутым.
Как написать текст в верхнем или нижнем индексе?
Давайте перейдем в код и еще поэкспериментируем с текстом. Допустим, мы хотим написать математическую задачку типа «два плюс два равно два в квадрате». Как нам написать «в квадрате»? Очень просто – используя теги <sup></sup>
, что означает «верхний индекс». Если нам понадобится написать нижний индекс, то в этом случае мы воспользуемся тегами <sub></sub>. Они отличаются от предыдущих последней буквой.<div title="текст"><tt>2+2=2<sup>2</sup></tt></div> <h4><u>Текст заголовка H<sub>3</sub></u> </h4><font face="Verdana" color="#CC0000"> <i>Текст курсивом<i><font>
Переходим в браузеры (скачать браузеры можно из первого урока) и проверяем. Как видите, выражение записано правильно и у текста «Текст заголовка h4» цифра «3» изображена в нижнем индексе.
Как сделать текст большим и маленьким?
Есть еще два тега, изменяющие текст. Они довольно редко используются, однако я вам их покажу. Например, мы хотим сделать «Синий цвет» чуть меньше. Используем теги <small></small>.
<font size="6" color="#0000FF"><b><small>Синий цвет</small></b></font>
А «Центрированный текст без использования тега p» — чуть больше. Используем теги <big></big>.
<center><s><big>Центрированный текст без использования тега p</big></s> </center>
В переводе «big» означает «большой», а «small» — «маленький».
Сохраняем, переходим в браузер, обновляем страницу. Как видите, «Центрированный текст без использования тега p» стал больше, а «Синий цвет» — меньше.
На этом мы заканчиваем этот видеоурок и переходим к домашнему заданию. Оно будет следующее: вам необходимо написать статью (любую статью, например о том, как вы узнали о нашем сайте info-line.net) с использованием цветов текста и фона, параграфов и заголовков, тегов выравнивания текста, а также тех, тегов, которые мы только что разобрали. Следующий видеоурок будет посвящен разбору домашнего задания. До встречи в следующем видеоуроке! 😉
Teddy Roosevelt is sitting there with one hand on the horse, bold, strong, sleeves rolled up. | Тедди Рузвельт сидит там, держа одной рукой своего коня, храбрый, сильный, с закатанными рукавами. |
So I wrote back, WTF in bold to Mr. Adidas, thanking secretly that some acronyms and things won’t change at all. | Поэтому мистеру Адидасу я ответил WTF, мысленно порадовавшись, что некоторые акронимы не меняются никогда. |
It was this bold vision of what he wanted — to return to Penelope. | Он чётко видел то, к чему стремился — вернуться к Пенелопе. |
But it will make bold moves in how we see ourselves as citizens of this planet. | Но мы сможем продвинуться в нашем понимании себя как граждан этой планеты. |
So apparently, I’ve got a pretty bold voice. | А мой, видимо, отличается некоторой резкостью. |
I started to wonder, what if we could harness some of the great minds of our generation and think in a bold and robust and imaginative way again about what the next iteration of religious life would look like? | Я начала размышлять: а что, если бы мы могли привлечь величайшие умы нашего поколения и вместе дерзко, креативно и здраво подумать над тем, какой могла бы быть следующая стадия религиозной жизни. |
Stephanie Forrester of The Bold and the Beautiful thought she was pretty darn special. | Стефани Форрестер из Дерзкие и красивые думала, что она была особенной. |
Now, that’s a pretty bold statement, but if you take nothing else away from this talk, I actually want you to remember that while blockchain technology is relatively new, it’s also a continuation of a very human story, and the story is this. | Это достаточно сильное заявление, но если вы ничего другого не вынесете из этого выступления, мне хочется, чтобы вы запомнили, что хотя технология блокчейн достаточно нова, она является развитием одной очень человеческой истории, и она заключается в следующем. |
The Warriors were down two games to one when Kerr made the decision to change the starting lineup, a bold move by any measure. | Warriors выиграли две игры и проиграли одну, когда Керр решил изменить стартовый состав, — дерзкий шаг, с какой стороны ни посмотри. |
The old food guide was simple, bold, understandable. | Старое руководство по питанию было простым, четким, понятным. |
A short and sullen pause succeeded this bold assertion. | За этим смелым утверждением последовала короткая и угрюмая пауза. |
The bold, the beautiful, and the very brave… | Смелая, Красивая и очень волевая |
He was bold, resourceful, quick, brave, smart, ruthless and yet compassionate. | Он был храбр, изобретателен, быстр, смел, умен, беспощаден и при этом не бессердечен. |
We need bold initiatives in community partnerships to ensure good practice within a management framework. | Нам нужны смелые инициативы в общественном сотрудничестве, чтобы гарантировать хорошие взаимоотношения в рамках структуры управления. |
Confrontational and bold by nature, the Belt moravecs had already dispatched six expeditionary fleets of spacecraft on the relatively short hop to Mars. | Свирепые и бесстрашные обитатели Пояса уже посылали шесть космических флотилий. |
If the Senate could be persuaded that we are deserving of such bold claim? | Если бы сенат можно было убедить, что мы достойны наших дерзких притязаний. |
Just thought it was a bold fashion choice worth noting. | Просто подумала, что такой дерзкий стиль ничего не стоит. |
It could be a bold chess move, fostering further instability throughout the country. | Это может быть смелым шахматным ходом, который содействует последующей нестабильности во всей стране. |
His lip quivered but he thrust his chin outward and tried to be bold. | У него дрожали губы, но он вздернул подбородок и постарался казаться храбрым. |
The nervous women only rarely met the soldiers’ bold stares. | Собранные на площади женщины лишь изредка осмеливались смотреть в наглые глаза солдат. |
It needs to combine your bold attitude and my fierce realness. | Нам нужно, чтобы оно сочетало в себе твою дерзкую позицию и мою неистовую правду. |
She glanced at the Face Dancer, saw the bold smile on his features, answered it with raised eyebrows. | На круглой физиономии лицедела она заметила дерзкую улыбку и в ответ удивленно подняла брови. |
Her eyes were bold and stared at him almost in invitation. | Глаза у нее были дерзкие и с вызовом смотрели на него. |
Only the bold man child Gren looked as if he was enjoying their new sense of independence. | Только отчаянный паренек Грин, казалось, радовался новому ощущению независимости и свободы. |
I told Sue to put wedding in her calendar in bold cap letters. | Я сказал Сью записать свадьбу в её календарь большими жирными буквами. |
The message was written in precise bold hand and was short and formal. | Записка, выведенная аккуратным, четким почерком, была краткой и официозной. |
I wanted to do a good deed, like bold Sir John. | Я хотел совершить подвиг, достойный отважного сэра Джона. |
A few bold thinkers are now making giant strides towards understanding what goes on inside black holes. | Отважные мыслители современности гигантскими шагами идут к пониманию процессов внутри черных дыр. |
She knew there were lies hidden there, she knew the old woman was twisting the truth about her handsome, dashing, bold father. | Где-то здесь таилась скрытая ложь пополам с извращенной правдой о ее замечательном, красивом, отважном отце. |
I was planning to do an eyewitness account of the bold defenders of mankind. | Я собирался дать правдивый репортаж об отважных защитниках человечества. |
The Cairn Terrier is intelligent and inquisitive with a bold personality. | Керн-терьер умён и любознателен с дерзкой личностью. |
This is consistent with the period where his dark palette gave way to bold colors. | Это сходится с тем периодом, когда его темная палитра образовывала четкие цвета. |
Carrara, shut in by great hills, is very picturesque and bold. | Каррара, окруженная высокими холмами, исключительно своеобразна и живописна. |
The warrior, bold and bloodthirsty, to hunt the hope of tomorrow. | Воин, решительный и кровожадный, охотится за надеждой. |
As soon as I found a good one I would send them off on a bold and dramatic mission somewhere far away. | Я собиралась послать их с каким-нибудь особым заданием куда подальше, как только возникнет нужда. |
A bold plan, relentless and terrible, formed in my mind. | В голове созрел отчаянно смелый, страшный, жестокий план. |
What had been bold words would soon become a bloody task. | И вот теперь безрассудно-смелые слова, вырвавшиеся в минуту безысходности, грозили очень скоро стать делом. |
Cassius had fully expected this, or he never would have made the bold offer of sheltering all who would come. | Кассиус ожидал такого поворота событий, иначе бы он никогда не решился сделать такое смелое заявление. |
I am Susan Sowerby that made bold to speak to you once on the moor. | Пишет Вам Сьюзен Соуэрби, которая имела смелость заговорить с Вами однажды в деревне. |
Answering a pleas from the Senate, the Grand Army of the Republic mounts a bold offensive to liberate the system. | По распоряжению сената Великая Республиканская Армия готовит операцию по освобождению системы. |
Do you honestly think you can put a price on bold explorations of new frontiers in space? | Ты правда думаешь, что можешь оценить стоимость передовых космических исследований? |
But we must be bold and face the future convinced that together we can forge a more responsible and equitable globalization. | Однако мы должны смело и уверенно смотреть в будущее, веря, что сообща мы сможем обеспечить осуществление глобализации на подотчетной и справедливой основе. |
In our view, the time has come for the international community to take stock of the situation and to take bold decisions. | На наш взгляд, международному сообществу пора подвести итоги этой ситуации и принять смелые решения. |
Because he was a figurehead of great courage and bold exploits. | Он был… олицетворением храбрости и героических подвигов. |
These bold new targets set by world leaders will accelerate our push to reduce the transmission of HIV. | Эти новые грандиозные задачи, поставленные руководителями стран всего мира, будут всемерно способствовать уменьшению риска передачи ВИЧ-инфекции. |
He wished to remind OIOS to place recommendations in bold type in all reports, in accordance with General Assembly resolutions. | Он хотел бы напомнить УСВН о выделении рекомендаций во всех докладах жирным шрифтом в соответствии с резолюциями Генеральной Ассамблеи. |
We agree that we must be ambitious in our work and ensure that the decisions taken at this year’s summit are bold and irreversible. | Мы согласны с тем, что мы должны быть честолюбивы в нашей работе и должны сделать так, чтобы решения, которые будут приняты на саммите этого года, были необратимыми. |
Recommendations for consideration by the Preparatory Committee are set out in boxes and highlighted in bold type. | Рекомендации для рассмотрения Подготовительным комитетом заключены в рамки и выделены жирным шрифтом. |
The recent institutionalization of an African Ministerial Conference on Financing for Development is a bold step by African leaders in this area. | Решительным шагом руководителей африканских стран в этом направлении является недавняя формализация процесса Африканской конференции по финансированию развития на уровне министров. |
And maybe, if I may be so bold, chocolate cake with chocolate icing? | И может быть, если я буду очень настойчивым, шоколадный торт в шоколадной глазури? |
Imprinter — mechanical device reprinting of bold payment card details onto the slip. | Корпоративная карта — платежная карта, эмитированная на имя доверенного лица клиента-юридического лица или физического лица-предпринимателя. |
We are encouraging this energy with a new design collection using big, bold color, our August Design Focus. | В качестве бонуса в Бангкоке и Гонконге мы рады представить Solidscape и также их новейший 3D принтер. Это прекрасная возможность встретиться и пообщаться с нашими техническими экспертами, если вы задумываетесь о покупке Solidscape. |
You are the inspiration for this bold and momentous decision that will probably get me ostracized from both school and home. | Да, именно ты вдохновил меня на этот судьбоносный шаг,… из-за которого меня исключат и из школы, и из дома. |
If the cursor is positioned in a word, this word is also put in bold. | Если курсор находится на слове, это слово выделяется полужирным шрифтом. |
Note: Bold indicates above average deployment percentage. | Примечание: жирным шрифтом выделены процентные показатели развертывания, превышающие средний показатель. |
I’m doing a bold maneuver of my own for Lacey — helping her get her groove back. | Я сделаю собственный смелый маневр для Лэйси — помогу ей вернуться к обычной жизни. |
French President Jacques Chirac has joined Blair and Brown in a bold call for rich countries to honor their promises to the poor. | Французский президент Жак Ширак присоединился к Блэру и Брауну в своем смелом призыве к богатым странам выполнять свои обещания, данные бедным. |
The African Peer Review Mechanism is a particularly bold and novel experiment. | Особенно смелым и новаторским экспериментом является Межафриканский механизм по оценке. |
These sub-flowcharts outline in greater detail the following five procedures shown in bold in the Master Flowchart:. | В этих подсхемах более подробно охарактеризованы следующие пять процедур, обозначенных в главной блок-схеме жирным шрифтом:. |
I didn’t want to step on Dale’s bold maneuver earlier. | Я не хотел делать следующий шаг на смелом маневре Дэйла. |
Другие результаты |
Форматирование текста HTML
HTML содержит несколько элементов для определения текста со специальным значением.
Пример
Этот текст выделен жирным шрифтом
Этот текст выделен курсивом
Это нижний индекс и верхний индекс
Попробуй сам »Элементы форматирования HTML
Элементы форматирования были разработаны для отображения специальных типов текста:
HTML и элементы
Элемент HTML
определяет полужирный текст,
без особой важности.
Элемент HTML
определяет текст
с большим значением. Содержимое внутри обычно выделено жирным шрифтом.
Элементы HTML и
Элемент HTML
определяет часть
текст другим голосом или другим настроением. Содержимое внутри обычно отображается в
курсив.
Совет: Тег
часто используется для обозначения технического термина,
фраза с другого языка, мысль, название корабля и т. д.
Элемент HTML
определяет
выделенный текст. Содержимое внутри обычно отображается курсивом.
Совет: Программа чтения с экрана произнесет слова на
с ударением, используя словесное ударение.
HTML элемент
Элемент HTML
определяет
мелкий текст:
HTML Элемент
Элемент HTML
определяет текст
которые следует отметить или выделить:
HTML элемент
Элемент HTML
определяет текст
который был удален из документа.Браузеры обычно задевают
через удаленный текст:
HTML Элемент
Элемент HTML
определяет текст
который был вставлен в документ. Браузеры обычно подчеркивают вставленные
текст:
HTML Элемент
Элемент HTML
определяет
подстрочный текст. Подстрочный текст появляется на полсимвола ниже нормальной строки,
и иногда отображается более мелким шрифтом.Подстрочный текст можно использовать для
химические формулы, такие как H 2 O:
HTML Элемент
Элемент HTML
определяет
надстрочный текст. Надстрочный текст отображается на полсимвола выше обычного
line, а иногда отображается более мелким шрифтом. Можно использовать надстрочный текст
для сносок, например WWW [1] :
Упражнения HTML
Элементы форматирования текста HTML
Тег | Описание |
---|---|
Определяет полужирный текст | |
Определяет выделенный текст | |
Определяет часть текста другим голосом или настроением | |
<маленький> | Определяет меньший текст |
Определяет важный текст | |
Определяет текст с нижним индексом | |
Определяет надстрочный текст | |
Определяет вставленный текст | |
| Определяет удаленный текст |
<отметка> | Определяет выделенный / выделенный текст |
HTML полужирный
Эта страница содержит различные коды полужирного шрифта HTML — коды HTML для создания полужирного текста.
В HTML есть несколько способов выделить полужирный текст. Это может немного сбивать с толку, особенно если вы не знакомы с кодированием HTML. Однако, как только вы разберетесь с этим, вы обнаружите, что каждый метод имеет свое место, и вы можете — и, вероятно, должны — использовать их комбинацию всякий раз, когда вам нужен полужирный текст HTML.
CSS Bold: font-weight
Свойство
CSS предоставляет свойство font-weight
, чтобы сделать текст жирным.
Вот пример:
Пример текста полужирным шрифтом CSS …
… и теперь весь абзац выделен жирным шрифтом.
Вы также можете указать «коэффициент жирности» (вместо того, чтобы просто указывать полужирным шрифтом
). Другими словами, вы можете применять разные уровни жирности к разному тексту.Кроме того, вы даже можете указать, что текст , а не должен быть жирным. Чтобы узнать больше об этом, прочтите о свойстве font-weight
.
HTML полужирный:
Тег
Когда большинство людей думают, что HTML полужирный, они обычно думают о тексте, выделенном жирным шрифтом с помощью тега HTML
.
Вот пример создания полужирного шрифта HTML с использованием тега
:
Пример текста жирным шрифтом HTML …
… и теперь весь абзац выделен жирным шрифтом.
Полужирный и курсив в HTML5
Если бы вы использовали теги
и
в HTML5 так же, как вы привыкли, это было бы нормально.Как многие заявляли, HTML5 обратно совместим со старыми тенденциями в области SEO, доступности и разметки, поэтому ваши страницы не сломаются, не будут считаться устаревшими или устаревшими.Но это не означает, что некоторые из этих элементов не развиваются. Хорошим примером является использование тегов для выделения текста, который мы обычно называем «полужирным» и «курсивным».
Здесь я описываю некоторые моменты, которые следует учитывать при добавлении элементов HTML, которые обычно связаны с «полужирным» или «курсивом».
(«сильный» фото: Брайан Лэри)
Элементы и
При кодировании сайтов с разметкой HTML4 / XHTML нам рекомендуется использовать
вместо
.Элемент
был как бы брошен на произвол судьбы, поскольку мы могли стилизовать текст с помощью CSS и добавлять важность с помощью
.
Использование CSS для придания тексту визуально жирного вида и использование
для выделения текста (для SEO или общей контентной стратегии) было правильным способом. В HTML5 все похоже, но немного по-другому. Теперь, согласно спецификации, элемент
используется, чтобы сделать текст «стилистически смещенным от обычной прозы, не придавая особой важности.Так что это больше не означает «сделай это жирным». Технически буква «b», используемая в элементе, больше не имеет ничего общего с «жирным». Вы можете использовать
для ключевых слов, главного предложения в статье (в спецификации используется эта статья BBC в качестве примера) или другого текста, который должен выделяться среди остальных, но который вы не хотите иметь особая важность.
Элемент
, согласно спецификации, придает тексту «большое значение для его содержимого». Таким образом, тег
помещает контент в контекст иерархии (который в значительной степени совпадает с тем, что было в HTML4).Так что, если у вас есть что-то, заключенное в двойные теги
, это будет иметь большее значение, чем что-то с одним тегом
.
Если это слишком сбивает с толку, вот простое резюме:
Используйте
, если вы хотите, чтобы текст имел другой стиль без контекстной важности, но используйте
, если вы хотите, чтобы текст имел дополнительную важность с точки зрения содержания или SEO.
Элементы и
Аналогичным образом, элемент
теперь должен выглядеть немного иначе.Это касается не только текста, выделенного курсивом (хотя он может быть курсивом, это зависит от вас). Теперь он представляет текст, который «отличается другим голосом или настроением или иным образом отличается от обычной прозы» (что на самом деле и есть текст, выделенный курсивом). Подобно , он не имеет контекстной важности по сравнению с окружающим контентом. Согласно спецификации, вы можете использовать
для таксономических обозначений, идиомы иностранного языка (например, фразы argumentum ad verecundiam ) или даже последовательности сновидений. И если я не ошибаюсь, как правило, заголовки публикаций должны быть смещены с использованием (ОБНОВЛЕНИЕ: после дополнительных исследований по этому поводу я понял, что заголовки публикаций теперь смещены в HTML5 с использованием тегов
(хотя в спецификации это не приводится в качестве примера).
, как описано здесь, поэтому вы не будете использовать
или
для этой цели.)
Элемент
(аналог
) используется для выделения части текста.В то время как
используется для создания контекстной иерархии,
— это просто простой способ выделить что-то, точно так же, как слова или фразы будут выделены в разговорной речи. Например, во фразе «Спецификация HTML5 действительно трудна для понимания» вы можете выделить слово «есть», поэтому она гласит: «Спецификация HTML5 действительно — это трудно понять».
И снова, если что-то неясно, вот простое объяснение:
Используйте
, чтобы изменить настроение текста, но используйте
, чтобы сделать текст выразительным.
Почему изменения?
Я надеюсь, что я не использую здесь ошибку argumentum ad verecundiam , но в HTML5 для веб-дизайнеров Джереми Кейт объясняет, почему мы должны принять эволюцию этих элементов:
Эти изменения… помогают повысить независимость HTML5 от устройств. Если вы думаете о словах «полужирный» и «курсив», они имеют смысл только для визуального средства, такого как экран или страница. Устраняя визуальное искажение определений этих элементов, спецификация остается актуальной для невизуальных пользовательских агентов, таких как программы чтения с экрана.
Как вы думаете? Изменит ли это способ разметки контента? Или это примерно то, как вы использовали эти элементы до HTML5?
Генератор полужирного текста(𝐜𝐨𝐩𝐲 𝖆𝖓𝖉 𝙥𝙖𝙨𝙩𝙚) — BoldText.io
Привет! Вы когда-нибудь задумывались, как люди выделяют жирным шрифтом текст в своих сообщениях / биографиях в социальных сетях, когда нет кнопок форматирования? Что ж, это небольшое веб-приложение позволяет вам преобразовывать обычный текст в полужирный текст, который вы можете скопировать и вставить в свои сообщения в социальных сетях / биографию / и т.Генерируемые символы на самом деле не являются полужирным «шрифтом», а скорее набором полужирных символов Unicode. Вот почему их можно копировать и вставлять (чего нельзя сделать с обычными «шрифтами»). Думайте об этих жирных символах как об отдельных «глифах», точно так же, как «A» отличается от «a», а «%» отличается от «$». На самом деле это разные символы / символы, а не просто разные «стили» или «шрифты».
Интересуетесь, как работает все это преобразование шрифтов текста? Давайте погрузимся в истоки Unicode — международной некоммерческой организации, которая устанавливает правила преобразования двоичных файлов (нулей и единиц) в текстовые символы (например, те, которые вы сейчас читаете).
Юникод
На заре компьютерных технологий не существовало согласованного способа представления и рендеринга текста в компьютерных программах. Типографика была устоявшейся отраслью, но она еще не прошла путь от машинописного ввода в цифровую сферу. По мере роста использования компьютеров и появления Интернета это стало проблемой. Видите ли, если вы программист и хотите, чтобы ваша программа взаимодействовала (соединялась или разговаривала) с другой программой, тогда вам нужен какой-то общий язык.На самом низком уровне компьютеры передают напряжения (низкий / высокий, ноль / один). Их нужно как-то преобразовать во что-то значимое. Итак, один программист может сказать, что «001» означает «A», «002» означает «B» и так далее. А затем вы можете передавать сообщения, отправляя нули и единицы. Легко! Вот только у каждого программиста был свой «кодекс». Таким образом, был бы другой программист, который интерпретировал бы «000» как «A», а «001» как «B» и т. Д. И так было, как если бы все в разговоре говорили на другом языке.
Решением для всего этого было создание «переводчиков» между различными форматами, как если бы вы делали это в разговоре между людьми, говорящими на разных языках. Но, как вы понимаете, это становится громоздко. Почему все не могли просто говорить на одном языке? Это сделало бы все намного проще.
Что ж, в начале 1980-х группа сотрудников нескольких крупных технологических компаний собралась вместе, чтобы попытаться создать «универсальный» код для преобразования двоичных данных (нулей и единиц) в текстовые символы (например, те, которые вы правильно читаете. в настоящее время).Они назвали его Unicode .
Ладно, при чем здесь жирный текст? Что ж, мы приближаемся … Видите ли, перед Unicode стояла непростая задача. Уже было десятков спецификаций (публичных и частных), и у каждой из них было много пользователей, и многие из спецификаций в основном предназначались для использования на языках, отличных от английского. Так как же Unicode сможет удовлетворить потребности всех? Они не могли просто составить список двоичных-> кодов ASCII и прекратить его работу.У них было много работы, и они не хотели, чтобы потребовались десятилетия, чтобы заставить всех использовать Unicode. Результат? Соедините все характеристики вместе в одно гигантское чудовище, которое удовлетворит потребности каждого. Ладно, это может быть немного преувеличением, но в этом есть доля правды. Unicode должен был «понравиться» всем, если он собирался получить быстрое распространение, поэтому наиболее практичным путем было попытаться осчастливить как можно больше крупных игроков.
Конечным результатом этого является метафорический взрыв спецификации, которая теперь кодирует более 100 000 различных символов, включая символы почти каждого языка, все смайлы и, что важно, несколько различных «измененных» латинских алфавитов, включая несколько жирных !
Но зачем включать в спецификацию жирные символы? Почему бы просто не позволить разработчикам использовать HTML, CSS и отдельные файлы шрифтов для стилизации текста в своих приложениях? Две причины: (1) HTML и CSS появились только в конце 80-х и (2) потребовалось много дополнительных усилий, если вам просто нужен простой способ форматирования текста в простом приложении / протоколе обмена сообщениями (например, в электронной почте). !).Другими словами, Unicode был ориентирован на дружелюбие к людям, от которых он нуждался в принятии.
Вот и все! Я надеюсь, что эта небольшая мелочь была вам интересна, и что теперь, по крайней мере, немного более понятно, почему это не столько «генератор жирного шрифта», сколько «генератор жирного текста в Юникоде». Вы можете скопировать и вставить полужирные символы, потому что на самом деле это жирных символов , а не просто стилизованные «нормальные» символы. Вы не можете скопировать и вставить полужирный шрифт , но вы, конечно, можете копировать текстовые символы (например, созданные этим генератором), как вам угодно.
А теперь подробнее!
Полужирный текст
В стандарте Unicode есть несколько различных жирных алфавитов. Многие из «стилизованных» латинских алфавитов возникли из-за потребностей математиков, химиков и других ученых, которым нужен был способ выразить свои уравнения в цифровом формате. Вот жирные алфавиты Unicode без курсива и их имена Unicode:
Math sans bold:
𝗮𝗯𝗰𝗱𝗲𝗳𝗴𝗵𝗶𝗷𝗸𝗹𝗺𝗻𝗼𝗽𝗾𝗿𝘀𝘁𝘂𝘃𝘄𝘅𝘆𝘇𝗔𝗕𝗖𝗗𝗘𝗙𝗚𝗛𝗜𝗝𝗞𝗟𝗠𝗡𝗢𝗣𝗤𝗥𝗦𝗧𝗨𝗩𝗪𝗫𝗬𝗭𝟬𝟭𝟮𝟯𝟰𝟱𝟲𝟳𝟴𝟵
(полужирный):
𝐚𝐛𝐜𝐝𝐞𝐟𝐠𝐡𝐢𝐣𝐤𝐥𝐦𝐧𝐨𝐩𝐪𝐫𝐬𝐭𝐮𝐯𝐰𝐱𝐲𝐳𝐀𝐁𝐂𝐃𝐄𝐅𝐆𝐇𝐈𝐉𝐊𝐋𝐌𝐍𝐎𝐏𝐐𝐑𝐒𝐓𝐔𝐕𝐖𝐗𝐘𝐙𝟎𝟏𝟐𝟑𝟒𝟓𝟔𝟕𝟖𝟗
Math bold Fraktur
𝖆𝖇𝖈𝖉𝖊𝖋𝖌𝖍𝖎𝖏𝖐𝖑𝖒𝖓𝖔𝖕𝖖𝖗𝖘𝖙𝖚𝖛𝖜𝖝𝖞𝖟𝕬𝕭𝕮𝕯𝕰𝕱𝕲𝕳𝕴𝕵𝕶𝕷𝕸𝕹𝕺𝕻𝕼𝕽𝕾𝕿𝖀𝖁𝖂𝖃𝖄𝖅
Математика с двойным начертанием
𝕒𝕓𝕔𝕕𝕖𝕗𝕘𝕙𝕚𝕛𝕜𝕝𝕞𝕟𝕠𝕡𝕢𝕣𝕤𝕥𝕦𝕧𝕨𝕩𝕪𝕫𝔸𝔹ℂ𝔻𝔼𝔽𝔾ℍ𝕀𝕁𝕂𝕃𝕄ℕ𝕆ℙℚℝ𝕊𝕋𝕌𝕍𝕎𝕏𝕐ℤ𝟘𝟙𝟚𝟛𝟜𝟝𝟞𝟟𝟠𝟡
Вы заметите, что алфавит Fraktur не содержит чисел.К сожалению, это только потому, что математики не использовали этот скрипт для числовых данных, а вместо этого требовали только жирные буквы для своих целей.
Полужирный курсив
В Юникоде есть два жирных курсивных алфавита, оба из которых могут быть созданы с помощью этого веб-сайта. Вот они:
Math sans bold курсив
𝙖𝙗𝙘𝙙𝙚𝙛𝙜𝙝𝙞𝙟𝙠𝙡𝙢𝙣𝙤𝙥𝙦𝙧𝙨𝙩𝙪𝙫𝙬𝙭𝙮𝙯𝘼𝘽𝘾𝘿𝙀𝙁𝙂𝙃𝙄𝙅𝙆𝙇𝙈𝙉𝙊𝙋𝙌𝙍𝙎𝙏𝙐𝙑𝙒𝙓𝙔𝙕
Математический полужирный курсив:
𝒂𝒃𝒄𝒅𝒆𝒇𝒈𝒉𝒊𝒋𝒌𝒍𝒎𝒏𝒐𝒑𝒒𝒓𝒔𝒕𝒖𝒗𝒘𝒙𝒚𝒛𝑨𝑩𝑪𝑫𝑬𝑭𝑮𝑯𝑰𝑱𝑲𝑳𝑴𝑵𝑶𝑷𝑸𝑹𝑺𝑻𝑼𝑽𝑾𝑿𝒀𝒁
Вы заметите, что в этих наборах нет цифровых символов.Опять же, это связано с тем, что эти символы использовались в символических контекстах (например, для представления алгебраических переменных).
Полужирный шрифт Unicode
Вот красивый компактный список всех символов в блоке Unicode «математические буквенно-цифровые символы». Я включил и не жирные версии символов , просто для справки. Большинство этих персонажей должны работать в твиттере, в биографии инстаграм и т. Д .:
𝐀 𝐁 𝐂 𝐃 𝐄 𝐅 𝐅 𝐆 𝐇 𝐈 𝐉 𝐌 𝐍 𝐎 𝐏 𝐐 𝐑 𝐕 𝐖 𝐗 𝐘 𝐙 𝐚 𝐛 𝐝 𝐟 𝐠 𝐡 𝐢 𝐤 𝐨 𝐩 𝐱 𝐲 𝐳 𝐴 𝐵 𝐶 𝐷 𝐸 𝐹 𝐺 𝐻 𝐾 𝐿 𝑀 𝑁 𝑂 𝑃 𝑄 𝑇 𝑈 𝑉 𝑊 𝑋 𝑌 𝑍 𝑎 𝑑 𝑒 𝑓 𝑔 𝑖 𝑗 𝑘 𝑛 𝑜 𝑝 𝑞 𝑡 𝑤 𝑥 𝑦 𝑧 𝑨 𝑩 𝑪 𝑫 𝑬 𝑭 𝑮 𝑱 𝑲 𝑳 𝑴 𝑵 𝑶 𝑷 𝑺 𝑻 𝑼 𝑽 𝑾 𝑿 𝒀 𝒁 𝒄 𝒅 𝒆 𝒇 𝒈 𝒉 𝒊 𝒍 𝒎 𝒏 𝒐 𝒓 𝒖 𝒗 𝒘 𝒙 𝒚 𝒛 𝒜 𝒞 𝒟 𝒢 𝒥 𝒪 𝒫 𝒬 𝒮 𝒯 𝒰 𝒱 𝒴 𝒵 𝒶 𝒷 𝒸 𝒹 𝒻 𝒽 𝓀 𝓁 𝓂 𝓃 𝓅 𝓆 𝓇 𝓊 𝓋 𝓌 𝓍 𝓐 𝓓 𝓔 𝓕 𝓖 𝓗 𝓘 𝓙 𝓚 𝓛 𝓜 𝓝 𝓠 𝓡 𝓢 𝓣 𝓤 𝓥 𝓦 𝓩 𝓪 𝓫 𝓬 𝓭 𝓮 𝓯 𝓰 𝓳 𝓴 𝓵 𝓶 𝓷 𝓸 𝓹 𝓼 𝓽 𝓾 𝓿 𝔂 𝔅 𝔇 𝔈 𝔉 𝔊 𝔍 𝔎 𝔏 𝔐 𝔑 𝔖 𝔗 𝔘 𝔙 𝔚 𝔛 𝔜 𝔠 𝔡 𝔢 𝔣 𝔤 𝔥 𝔦 𝔧 𝔪 𝔫 𝔬 𝔭 𝔮 𝔯 𝔰 𝔳 𝔴 𝔵 𝔶 𝔹 𝔽 𝔾 𝕀 𝕁 𝕂 𝕃 𝕄 𝕆 𝕊 𝕋 𝕌 𝕏 𝕐 𝕒 𝕓 𝕔 𝕕 𝕖 𝕙 𝕚 𝕛 𝕜 𝕝 𝕞 𝕟 𝕠 𝕣 𝕤 𝕥 𝕦 𝕧 𝕨 𝕩 𝕬 𝕭 𝕮 𝕯 𝕲 𝕵 𝕶 𝕷 𝕸 𝕹 𝕺 𝕻 𝕼 𝕽 𝕾 𝖂 𝖃 𝖄 𝖅 𝖆 𝖇 𝖈 𝖋 𝖌 𝖍 𝖎 𝖏 𝖐 𝖑 𝖒 𝖕 𝖖 𝖗 𝖘 𝖙 𝖚 𝖛 𝖞 𝖟 𝖠 𝖡 𝖤 𝖧 𝖨 𝖩 𝖪 𝖫 𝖬 𝖭 𝖮 𝖯 𝖰 𝖱 𝖴 𝖵 𝖶 𝖷 𝖸 𝖹 𝖺 𝖽 𝖾 𝖿 𝗀 𝗁 𝗂 𝗃 𝗄 𝗇 𝗈 𝗉 𝗊 𝗋 𝗌 𝗍 𝗐 𝗑 𝗒 𝗓 𝗖 𝗙 𝗚 𝗛 𝗜 𝗝 𝗞 𝗟 𝗠 𝗡 𝗢 𝗣 𝗦 𝗧 𝗨 𝗩 𝗪 𝗫 𝗬 𝗯 𝗰 𝗱 𝗲 𝗴 𝗵 𝗶 𝗹 𝗺 𝗻 𝗼 𝗽 𝗿 𝘄 𝘅 𝘆 𝘇 𝘈 𝘉 𝘊 𝘋 𝘌 𝘍 𝘎 𝘏 𝘐 𝘑 𝘒 𝘓 𝘖 𝘗 𝘘 𝘙 𝘚 𝘛 𝘜 𝘟 𝘠 𝘡 𝘢 𝘣 𝘤 𝘥 𝘦 𝘩 𝘪 𝘫 𝘬 𝘭 𝘮 𝘯 𝘲 𝘳 𝘴 𝘵 𝘸 𝘻 𝘼 𝘽 𝘾 𝘿 𝙀 𝙁 𝙂 𝙃 𝙄 𝙅 𝙈 𝙉 𝙊 𝙋 𝙌 𝙍 𝙎 𝙑 𝙒 𝙓 𝙔 𝙕 𝙖 𝙗 𝙘 𝙛 𝙜 𝙝 𝙞 𝙟 𝙠 𝙡 𝙤 𝙥 𝙦 𝙧 𝙪 𝙭 𝙮 𝙯 𝙰 𝙱 𝙲 𝙳 𝙴 𝙵 𝙶 𝙷 𝙺 𝙻 𝙼 𝙽 𝙾 𝙿 𝚀 𝚃 𝚄 𝚅 𝚆 𝚇 𝚈 𝚉 𝚊 𝚍 𝚎 𝚏 𝚐 𝚑 𝚒 𝚓 𝚖 𝚗 𝚘 𝚙 𝚜 𝚟 𝚠 𝚡 𝚢 𝚣 𝚤 𝚥 𝚨 𝚩 𝚪 𝚮 𝚯 𝚰 𝚱 𝚲 𝚳 𝚴 𝚷 𝚸 𝚹 𝚺 𝚻 𝚼 𝚽 𝚾 𝛁 𝛂 𝛃 𝛄 𝛅 𝛆 𝛇 𝛊 𝛋 𝛌 𝛍 𝛐 𝛓 𝛔 𝛕 𝛖 𝛗 𝛘 𝛙 𝛚 𝛛 𝛜 𝛠 𝛡 𝛢 𝛣 𝛤 𝛥 𝛦 𝛩 𝛪 𝛫 𝛬 𝛭 𝛮 𝛯 𝛰 𝛳 𝛴 𝛵 𝛶 𝛷 𝛸 𝛹 𝛼 𝛽 𝛾 𝛿 𝜂 𝜅 𝜆 𝜇
.