Что такое болд в шрифте

Что такое болд в шрифте

Смотреть что такое «bold» в других словарях:

bold — [bəuld US bould] adj comparative bolder superlative boldest ▬▬▬▬▬▬▬ 1¦(person/action)¦ 2¦(manner/appearance)¦ 3¦(colours/shapes)¦ 4¦(lines/writing)¦ 5¦(printed letters)¦ 6 make/be so bold (as to do something) 7 if I may be so bold ▬▬▬▬▬▬▬ [: Old … Dictionary of contemporary English

Bold — (рус. смелый, храбрый) многозначный термин. Bold разговорное сокращение названия телесериала «Дерзкие и красивые» (англ. The Bold and the Beautiful). Bold альбом одноимённой хардкор панк группы, записанный в 1989 году.… … Википедия

Bold — steht für: Bold (Täuschkörper), eine Abwehrwaffe deutscher U Boote Bold (Band), eine US amerikanische Hardcore Punkband Bold (Botoșani), Dorf im Kreis Botoșani (Rumänien) Bold ist der Familienname folgender Personen: Boldbaatar Bold Erdene (*… … Deutsch Wikipedia

Bold — (b[=o]ld), a. [OE. bald, bold, AS. bald, beald; akin to Icel. ballr, OHG. bald, MHG. balt, D. boud, Goth. bal[thorn]ei boldness, It. baldo. In Ger. there remains only bald, adv. soon. Cf. , n.] 1. Forward to meet danger; venturesome;… … The Collaborative International Dictionary of English

BOLD — steht für: Blood Oxygen Level Dependency, einen physikalischen Effekt der sich für ein bildgebendes Verfahren in der Medizin nutzen lässt Bold steht für: Bold (Täuschkörper), eine Abwehrwaffe deutscher U Boote Bold ist der Nachname folgender… … Deutsch Wikipedia

bold — bold·en; bold·face; bold·ly; bold·ness; em·bold·en; ko·bold; bold; … English syllables

bold — [bōld] adj. [ME < OE beald, bold, brave, akin to Ger bald: orig. sense, “swollen up” < IE base * bhel : see BALL1] 1. showing a readiness to take risks or face danger; daring; fearless 2. too free in behavior or manner; taking liberties;… … English World dictionary

bold — ► ADJECTIVE 1) confident and courageous. 2) dated audacious; impudent. 3) (of a colour or design) strong or vivid. 4) (of type) having thick strokes. ► NOUN ▪ a bold typeface. ● be so bold as to … English terms dictionary

bold — BOLD, bolduri, s.n. (reg.) 1. Ac cu măciulie, ac cu gămălie. ♦ Vârf ascuţit. ♦ Cui de metal cu măciulie ornamentală. 2. Băţ ascuţit cu care se îndeamnă vitele. ♦ Împunsătură, înţepătură (dată cu acest băţ). 3. (înv.) Imbold. 4. (reg.) Element de… … Dicționar Român

bold — (adj.) O.E. beald (W.Saxon), bald (Anglian) bold, brave, confident, strong, from P.Gmc. *balthaz (Cf. O.H.G. bald bold, swift, in names such as Archibald, Leopold, Theobald; Goth. balþei boldness; O.N. ballr frightful, dangerous ), perhaps from… … Etymology dictionary

Bold — Bold, v. t. To make bold or daring. [Obs.] Shak. [1913 Webster] … The Collaborative International Dictionary of English

Источник

«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 до следующего возможного для данного шрифта значения, согласно следующей таблице.

Но в браузерной CSS прописано strong, b , т.е. унаследуется значение «700», а потом оно ещё и увеличивается до «900». Поэтому кажется, что bolder работает неправильно.

Исправить это можно так:

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

Теперь нам не придётся заботиться о вложенности элементов — каскад всё сделает автоматически. Мы можем вкладывать теги strong друг в друга.

Вложенные теги «strong». Толщина шрифта определяется исходя из значения родительского элемента.
Демка

Ограничения

Используя относительные значения font-weight мы получаем только по три градации жирности шрифта для bolder и lighter соответственно. Спецификация не гарантирует, что браузеры правильно сопоставят названия начертаний и числовые значения. Не гарантирует, что для шрифта найдётся более жирное или более тонкое начертание. У некоторых шрифтов всего два начертания, у некоторых может быть восемь.

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

Чтобы более тонко настроить вес шрифта, надо использовать абсолютные значения.

Источник

Жирный шрифт

Жирный шрифт — одно из начертаний шрифта. Предназначено для выделения части текста или заголовочного набора. Отличается большей насыщенностью линий по отношению к основному начертанию.

Примечания

Типографика
Страница	Колонка [ru] · Колонтитул · Колонцифра · Пагинация · Поле [ru] · Принципы композиции страницы [ru] · Разворот
Абзац	Вгонка и выгонка · Висячая строка · Выключка · Интерлиньяж · Коридор · Трекинг
Символ	Апрош · Астеризм · Базовая линия · Буквица · Верхний индекс · Выносные элементы · Глиф · Диакритические знаки · Капитель · Кернинг · Лигатура · Маюскул · Микротипографика · Минускул · Минускульные цифры · Нижний индекс · Символьный шрифт · CamelCase · x-высота [ru]
Классификация шрифтов	Готические Ротунда · Текстура · Фрактура · Швабахер Славянские Вязь · Глаголица · Полуустав · Скоропись · Устав Современные Антиква · Болгарица · Брусковый · Гротеск · Моноширинный · Рукописный
Начертание шрифта	Жирный шрифт · Курсив · Наклонный шрифт [ru]
Пунктуация	Висячая пунктуация [ru] · Кавычки · Перенос · Тире · Штрих
Вёрстка	Высокая печать · Гарнитура · Глубокая печать · Каллиграфия · Наборный шрифт · Линотип · Офсетная печать · Панграмма · Плоская печать · Ручной набор · Словолитня · Фотонабор · Шрифт · Шрифтовой дизайн [ru] · ETAOIN SHRDLU · Lorem ipsum · Ротационная печатная машина
Единицы измерения	Мера [ru] · Пика [ru] · Пункт · Узкий пробел [ru] · Цифровой пробел [ru] · Em [ru] · En [ru]
Типографские кегли	Агат · Боргес · Бриллиант · Двойное цицеро · Двойной миттель · Диамант · Империал · Квадрат · Корпус · Крупный канон · Малый канон · Миньон · Миттель · Нонпарель · Парангон · Перл · Петит · Реал · Санспарель · Текст · Терция · Цицеро
Компьютерная типографика	Компьютерная вёрстка · Компьютерный шрифт · Набор символов · Настольное издательское ПО [ru] · Растеризация · Хинтинг · ClearType

Полезное

Смотреть что такое «Жирный шрифт» в других словарях:

жирный шрифт — Жирный шрифт, жирное начертание (Bold) Начертание шрифта, служащее для шрифтовых выделений в тексте или для заголовочного набора. Отличается большей насыщенностью очка [отношение толщины штрихов к высоте знака] знаков по отношению к основному … Шрифтовая терминология

Жирный шрифт — см. Жирное начертание шрифта … Издательский словарь-справочник

Жирный шрифт — то же, что Жирное начертание шрифта … Реклама и полиграфия

ЖИРНЫЙ — ЖИРНЫЙ, жирная, жирное; жирен, жирна, жирно. 1. Содержащий много жира, масла, обильный жирами. Жирный кусок мяса. Жирные щи. Жирное молоко. Жирный обед. || С большим количеством жира, очень толстый, тучный (разг.). Жирный человек. Жирный пес. 2.… … Толковый словарь Ушакова

Шрифт — Полуустав Цифры и русские буквы в стиле готического шрифта Шрифт (нем. … Википедия

жирный — ая, ое; жи/рен, жирна/, жи/рны 1) Содержащий много жира, масла. Жирное молоко. Жирный суп. Жирное мясо. Жирная пища. Кто Наденьку под вечерок, за тайным ужином ласкает и жирный страсбургский пирог вином душистым запивает. (Пушкин). Антонимы … Популярный словарь русского языка

шрифт — а; мн. шрифты и шрифты; м. [нем. Schrift] 1. Комплект типографских литер (букв, знаков препинания, математических и других знаков), необходимых при наборе какого л. текста. Типографский ш. В пишущей машинке сбит ш. Купить шрифты для типографии.… … Энциклопедический словарь

шрифт — Набор знаков, имеющий единую базовую конфигурацию (дизайн). Пример 9 пунктовый шрифт «Курьер». Примечание Единый шрифт может иметь разные размеры. [ГОСТ Р ИСО/МЭК 2382 23 2004] шрифт 1. Набор символов, имеющих единый дизайн. Примеры… … Справочник технического переводчика

Шрифт — набор символов алфавита характеризующихся одинаковыми: характером рисунка; формой: прямой, наклонный, курсив; насыщенностью: светлый, полужирный, жирный; и размером в пунктах. Шрифт предназначен для восприятия информации людьми и устройствами.… … Финансовый словарь

Источник

Жирный текст с помощью HTML и CSS

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

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

Жирный текст на HTML

Для выделения определенного текста жирным используются специальные HTML теги — и . Например следующий код:

Жирный текст strong.

На выходе дает такую картинку:

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

Вы также можете встретить прописанный в HTML жирный шрифт с помощью стилей:

Пример жирного текста.

Пример текста с жирным словом.

На сайте это отображается так:

Не смотря на то, что код жирного текста для HTML работает корректно, так делать не следует. Все стили оформления должны быть вынесены в CSS файл. Поэтому в примере выше вы должны были для тегов

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

Жирный текст на CSS

Дабы сделать в CSS жирный шрифт используется свойство font-weight. С его помощью указывается «насыщенность» фрагмента текста. Значения могут быть от 100 до 900, но наиболее часто используемые это:

Есть также варианты значений bolder и lighter, которые меняют шрифт в зависимости от родителя на более или менее жирный соответственно.

Чтобы задать жирный текст в CSS нужно тому или иному элементу задать какой-то стиль, например:

Обычный текст с жирным выделением по центру.

Далее в CSS стилях вы определяете для него жирность вместе с другими свойствами по типу подчеркивания текста и т.п.:

Либо можно написать:

Разницы нет никакой. Кстати, если говорить о HTML теге , то для него по умолчанию прописан такой стиль:

Тут хотелось отметить один небольшой нюанс, который мне рассказали на курсах верстки — если вы создаете для какого-то элемента новый класс, то желательно использовать более-менее «понятное название». Например, в примере выше стиль выглядит логичнее чем т.к. можно отчасти понять его назначение. Это плюс для тех, кто будет смотреть и использовать вашу верстку в дальнейшем.

В следующей статье расскажу про интересные жирные шрифты, которые мне удалось найти.

Интересно продолжение цикла статей про жирные шрифты — что еще будет? Жду 🙂

kpp68, завтра постараюсь опубликовать новый пост.

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

devarts, комментарии «порезали» кавычки — проверьте все ли нормально в одобренном коде?

Благодарю. Обязательно применю у себя на сайте. Что лучше классы не знал. Профессиональный подход.

Источник

Лучшие Bold шрифты

В прошлых статьях мы рассмотрели русские толстые и интересные жирные шрифты, которые разбиты по определенным типам: высококонтрастные, компактные, винтажные и т.п. (всего получилось чуть более 20 штук в 7-ми категориях). Однако, если попытаться поискать разные Bold шрифты в Google, то вариантов вы получите значительно больше. В данном посте я решил собрать лучшие найденные решения. В подборку вошли не все найденные фонты, так как их действительно много.

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

Franchise

Bambi

ARB-218 Big Blunt

Bauhaus Heavy

The Mix Extra Bold

Kimberley

Delicious Heavy

Saddlebag

Fago Condensed Black

Barmeno Bold

Berlin Sans Bold

Sketch Block

Grobold

MyriadPro-Black

Say it Fat!

Fritz Quadrata

Days

К сожалению, русские bold шрифты попадаются в подобных подборках не так часто. Days — один из них. Его создатель — Alexander Kalachev. Визуально смотрится неплохо, отличный технологичный и индустриальный шрифт.

Ackbar

African

Serif Black

Lobster v1.4

Agency Black

Faktos

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

Bushcraft Font Family

PIER

AXIS

Billy

Jaapokki

Barry Free Font

Origicide

Headline

Legend 54

Code Free Font 3

Chunk Five

Kilogram

Mabella

Matiz

John Hancock

BP Diet

Hellforge

Manteka

Forque

Candal

Alte Haas Grotesk

Boris Black Bloxx

Nulshock

Recharge

Vagtur

Choplin

AENEA

Contact High

Certa Sans

Aventura

Makhina

Tracion

Building

True Love

Tracks Type

Vincent

Надеюсь данная подборка Bold шрифтов вам пригодится. Скачать их все можете абсолютно бесплатно, правда, у некоторых имеется дополнительная информация по использованию (лицензия). Думаю, в 99% случаев для своих проектов все эти фонты можете спокойно использовать.

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

Или вот еще один архив 1001 Fonts, где также выбираем категорию Bold Fonts:

Это лишь малая часть шрифтов, которые есть в интернете. Надеюсь, подборка вам поможет в работе. Если ничего из вариантов выше не подошло, то, как говорится, Google вам в помощь. В сети найдете другие подборки лучших шрифтов, страницы дизайнеров с их работами или же попадете на сервисы-архивы. Также можно сделать жирный текст через HTML и CSS — в сочетании с оригинальными Google Fonts получится интересный результат.

Источник