Css выделить текст жирным: Как сделать жирный текст в CSS — журнал «Доктайп»

Разное 

Содержание

жирный текст html!?

Жирный текст html — как сделать шрифт толще в html, тег жирного текста в html, как сделать шрифт жирным через css, либо просто в коде html!

Скопировать ссылку


  • Тег b — жирный текст с помощью тега Есть несколько тегов, которые могут сделать «текст жирным html» и один из этих тегов это «тег b«.

    Поскольку данный тег отвечает за начертание текста жирным, то логично, чтобы он был здесь!

    Тег b — жирный текст синтаксис <b>текст</b> Для того, чтобы сделать текст жирным с помощью тега b, нам понадобится какое-то предложение с текстом:
    Html:<p>Здесь простой текст, стандартной толщины, а здесь <b>текст жирный</b>.</p>

    Результат увеличения жирности текст а с помощью тега b:

    Здесь простой текст, а здесь жирный.

    Скопировать ссылку


  • Тег strong — жирный текст с помощью тега Второй тег, который используется для увеличения жирности текст а — это тег strong.
    Также не вижу смысла делать отдельную страницу для
    тега strong     — поскольку он выполняет ту же работу, что и предыдущий тег — делает текст жирнее!

    Тег strong — жирный текст синтаксис <strong>текст</strong>

    Для иллюстрации работы тега «strong», нам опять понадобится предложение.

    Пример жирного текста с помощью тега strong

    <p>Здесь простой текст, а здесь, сделанный с помощью тега, strong <strong>жирный</strong>.</p>

    Результат увеличения жирности текст а с помощью тега strong :

    Здесь простой текст, а здесь, сделанный с помощью тега, strong жирный.

    Скопировать ссылку


  • Жирный текст с помощью свойства

    font-weight и значения bold Следующим пунктом разберем, как работает » жирный текст» с помощью свойства font-weight и значения bold.

    Как вы знаете, что существует «3 способа css» — естественно, что мы не будем использовать все, а рассмотрим применение стилей внутри тега.

    font-weight:bold — жирный текст синтаксис

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

    <span>жирный текст</span>

    Далее нам опять потребуется предложение с простым текстом и обернутым в тег со свойствами «font-weight:bold»:

    Html:

    Используем в теге свойство «font-weight:bold» и получим <span>жирный текст</span>

    Результат увеличения жирности текст а с помощью «font-weight:bold»:

    Используем в теге свойство «font-weight:bold» и получим жирный текст.

    Скопировать ссылку


  • Жирный текст с помощью свойства

    font-weight и значения bolder Снова «жирный текст» с помощью того же свойства
    font-weight но значение bolder    .

    Опять же будем использовать стили внутри тега

    font-weight:bolder — жирный текст синтаксис

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

    <span>жирный текст</span>

    Далее нам опять потребуется предложение с простым текстом и обернутым в тег со свойствами «font-weight:bolder»:

    Html:

    Используем в теге свойство «font-weight:bolder» и получим <span>жирный текст</span>

    Результат увеличения жирности текст а с помощью «font-weight:bolder»:

    Используем в теге свойство «font-weight:bolder» и получим жирный текст.

    Скопировать ссылку


  • Жирный текст со свойством font-weight 100

    <div>Жирный текст со свойством 100</div>

    Жирный текст со свойством 100

    Скопировать ссылку


  • Жирный текст со свойством font-weight 200

    <div>Жирный текст со свойством 200</div>

    Жирный текст со свойством 200

    Скопировать ссылку


  • Жирный текст со свойством font-weight 300

    <div>Жирный текст со свойством 300</div>

    Жирный текст со свойством 300

    Скопировать ссылку


  • Жирный текст со свойством font-weight 400

    <div>Жирный текст со свойством 400</div>

    Жирный текст со свойством 400

    Скопировать ссылку


  • Жирный текст со свойством font-weight 500

    <div>Жирный текст со свойством 500</div>

    Жирный текст со свойством 500

    Скопировать ссылку


  • Жирный текст со свойством font-weight 600

    <div>Жирный текст со свойством 600</div>

    Жирный текст со свойством 600

    Скопировать ссылку


  • Жирный текст со свойством font-weight 700

    <div>Жирный текст со свойством 700</div>

    Жирный текст со свойством 700

    Скопировать ссылку


  • Жирный текст со свойством font-weight 800

    <div>Жирный текст со свойством 800</div>

    Жирный текст со свойством 800

    Скопировать ссылку


  • Жирный текст со свойством font-weight 900

    <div>Жирный текст со свойством 900</div>

    Жирный текст со свойством 900

    Теги :
    как сделать чтобы все теги были жирным в html
    html жирный шрифт
    как сделать жирный шрифт в html
    html жирный шрифт текста
    тег жирного шрифта в html

    код жирного шрифта html
    выделить шрифт жирным html
    жирный шрифт html css
    выделить текст жирным шрифтом html
    html стиль жирный шрифт
    html style жирный шрифт
    html убрать жирный шрифт
    html выделение жирным шрифтом

    Шпаргалка по HTML и CSS для контент-менеджера

    Вставить параграф

    Первый параграф

    Второй параграф

    Перенести текст на строку нижеВ отличие от тега p,
    тег br не создает пустую строку
    Разместить заголовок
    На странице должен быть только один заголовок первого уровня
    Добавить цитату
    Я помню чудное мгновенье!
    Выделить текст жирнымВизуально, текст идентичен важному.
    Выделить важный текстНо смысл разный.
    Выделить текст курсивомТоже самое с курсивом
    Сделать смысловой акцентВизуально одиноково, а смысл разный
    Вставить ссылкуКликать сюда
    Вставить картинку
    Логически связать картинку и подпись Нет фото
    Задать класс тегуВ CSS это выглядит вот так
    Задать идентификатор тегуВ CSS это выглядит вот так
    Создать маркированный список
    • Первый пункт
    • Второй пункт
    • Третий пункт
    Создать нумерованный список
    1. Первый пункт
    2. Второй пункт
    3. Третий пункт
    Изменить нумерацию в списке
    1. Три
    2. Четыре
    3. Пять
    Создать список определений
    Первое определение
    Расшифровка первого определения
    Второе определение
    Расшифровка второго определения
    Вложить один список в другой
    1. Пункт списка
      • Пункт вложенного списка

    html — толщина шрифта CSS толще 900?

    спросил

    Изменено 1 год, 10 месяцев назад

    Просмотрено 50 тысяч раз

    У меня есть панель, которую можно развернуть или свернуть с помощью вертикально центрированной ссылки с символом < или > в качестве текста ссылки. Вес шрифта: 900 это не сильно выделяется, даже с большим серым фоном вокруг него. Я не хочу использовать изображение, и при текущем размере шрифта оба символа в настоящее время занимают максимальную ширину панели.

    Есть ли способ утолщать линию на символах выше 900? Или есть другая альтернатива, которую я мог бы использовать?

    Заранее спасибо.

    Richard

    • html
    • css
    • жирный

    В CSS 3 есть еще один способ сделать размер шрифта жирнее:

     цвет:#888888;
тень текста: 2px 0 #888888;
интервал между буквами: 2px;
вес шрифта: полужирный;

    РЕДАКТИРОВАТЬ:

    По какой-то странной причине это выглядит не так красиво, как год назад. Он работает только с текстовой тенью 1px (для большинства распространенных шрифтов другие более толстые шрифты могут по-прежнему работать с 2px). А с текстовой тенью всего 1 пиксель нет необходимости в таком большом межбуквенном интервале.

     цвет:#888888;
тень текста: 1px 0 #888888;
интервал между буквами: 1px;
вес шрифта: полужирный;
    2

    Чтобы добавить к ответу Гогуца, вы можете пойти еще смелее, сложив тени текста в сетку. Запятая разделяет каждую строку:

     .extra-bold {
  тень текста: 0px 1px, 1px 0px, 1px 1px;
}
    2

    Вы можете использовать text-shadow вместо font-weight

     text-shadow: 0px 1px, 1px 0px, 1px 0px;

    К сожалению, нет шрифта толще 900, а указание веса шрифта по номеру зависит от браузера. Лучше всего было бы использовать более толстый шрифт — вы не указали, что используете, но Impact относительно толстый и высокий для своей ширины, но при этом безопасен для Интернета. В противном случае вы можете использовать @font-face для загрузки другого шрифта.

    1

    Добавление к ответу Гогуца. Вы можете использовать ключевое слово currentcolor , чтобы использовать цвет текста и избежать его жесткого кодирования.

    Вот так:

     text-shadow: 0.5px 0 currentColor;
межбуквенный интервал: 0,5 пикселей;

    Довольно толстый. Но работает только с webkit.

     размер шрифта: -webkit-xxx-large;
вес шрифта: 900;

    Зарегистрируйтесь или войдите в систему

    Зарегистрируйтесь с помощью Google

    Зарегистрироваться через Facebook

    Зарегистрируйтесь, используя адрес электронной почты и пароль

    Опубликовать как гость

    Электронная почта

    Требуется, но не отображается

    Опубликовать как гость

    Электронная почта

    Требуется, но не отображается

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

    Создание очень жирного текста с помощью css

    спросил

    Изменено 10 лет, 3 месяца назад

    Просмотрено 4к раз

    Есть ли способ сделать мой шрифт жирнее, чем мои примеры ниже? Я пытался увеличить font-weight с 900 до 1500 но разницы не вижу.

     # шаг-1 раздел {
    вес шрифта: жирнее;
    вес шрифта: 900;
}
    0

    Используйте text-shadow , чтобы сделать его более жирным.

     .действительно жирный {
    текст-тень:
        -1px 0 черный, 0 1px черный, 1px 0 черный, 0 -1px черный,
        -1px -1px черный, 1px 1px черный, -1px 1px черный, 1px -1px черный;
}

    См. ДЕМО.

    2

    Вы можете использовать только один из следующих свойств:

     вес шрифта: нормальный
вес шрифта: полужирный
вес шрифта: светлее
вес шрифта: жирнее
вес шрифта: 100
вес шрифта: 200
вес шрифта: 300
вес шрифта: 400
вес шрифта: 500
вес шрифта: 600
вес шрифта: 700
вес шрифта: 800
вес шрифта: 900
вес шрифта: наследовать

    № font-weight: 900 — максимальный. Вы можете использовать другой шрифт.

    1

    Установка font-weight означает запрос шрифта заданного веса. Не предполагается, что браузеры будут искусственно выделять символы жирным шрифтом, хотя такие вещи могут происходить для font-weight: bold , когда полужирный шрифт недоступен.

    Таким образом, чтобы использовать что-то более жирное, чем жирный, нужно найти шрифт с подходящей гарнитурой и использовать его. Фактически это означает, что вам нужно будет использовать загружаемый шрифт (веб-шрифт, @font-face ), поскольку шрифты, обычно доступные на компьютерах людей, не имеют таких гарнитур.

    No related posts.

    • Автор записи

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *