Skip to content

Conversation

@gazievri
Copy link

@gazievri gazievri commented Dec 4, 2025

Описание

  1. Дополнил статью про font-synthesis в разделе css
  2. Добавил нового автора в people: gazievri

@github-actions github-actions bot added css Контент по CSS дока Справочный материал labels Dec 4, 2025
@vitya-ne
Copy link
Contributor

vitya-ne commented Dec 6, 2025

Привет,
спасибо за доку и отдельно за конфиг baseline )

Посмотри, пожалуйста, пару мелких коментов

@gazievri gazievri requested a review from vitya-ne December 12, 2025 22:43
Copy link
Contributor

@vitya-ne vitya-ne left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Я тут ещё кое-что добавил, посмотри пожалуйста

@gazievri gazievri requested a review from vitya-ne December 14, 2025 22:38
Copy link
Contributor

@vitya-ne vitya-ne left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Спасибо за дополнение. Оставил один комент.

@gazievri gazievri requested a review from vitya-ne December 15, 2025 07:05
@vitya-ne
Copy link
Contributor

@gazievri Привет,
посмотри, пожалуйста, на порядок блоков доки: https://github.com/doka-guide/content/blob/main/docs/examples/doka.md

  • 'Как понять' и 'Как пишется' надо поменять местами.
  • части с подзаголовками из раздела 'Как пишется' (Variable fonts и font-synthesis, Когда использовать font-synthesis: none и остальные), по-моему лучше перенести в 'Как понять' ведь там не описывается синтаксис font-synthesis

Copy link
Contributor

@vitya-ne vitya-ne left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ещё пара коментов

@vitya-ne vitya-ne self-requested a review December 18, 2025 20:02
@github-actions
Copy link

Превью контента из 9bf59b3 опубликовано.

Comment on lines +169 to +170
При `font-synthesis: none` текст в `<strong>` не получит визуального выделения, если в URL не указан параметр с нужным весом. Например, для `<strong>` или `font-weight: 700` необходимо явно подключить `wght@...;700`.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

текст в <strong> не получит визуального выделения

По-моему, всё не совсем так.
Вот мой тест:
Я подключаю шрифт и указываю его стили:

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
    body {
      color: #FFFFFF;
      font-family: "Roboto";
      font-size: 24px;
      font-synthesis: none; // запрещаем синтез
    }

И добавляю стили с указанием font-weight (от 100 до 800).

   .text-block100 {
      font-weight: 100;
    }
    .text-block200 {
      font-weight: 200;
    }
    .text-block300 {
      font-weight: 300;
    }
    .text-block400 {
      font-weight: 400;
    }
    .text-block500 {
      font-weight: 500;
    }
    .text-block600 {
      font-weight: 600;
    }
    .text-block700 {
      font-weight: 700;
    }
    .text-block800 {
      font-weight: 800;
    }

Используя стили text-block100 .. text-block800 отображаем 8 абзацев:

Image

Copy link
Contributor

@vitya-ne vitya-ne left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Посмотри, пожалуйста на описание в разделе При использовании Google Fonts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

css Контент по CSS дока Справочный материал

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants