-
Notifications
You must be signed in to change notification settings - Fork 696
Редактирует статью про font-synthesis #5925
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
Привет, Посмотри, пожалуйста, пару мелких коментов |
vitya-ne
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Я тут ещё кое-что добавил, посмотри пожалуйста
vitya-ne
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Спасибо за дополнение. Оставил один комент.
|
@gazievri Привет,
|
vitya-ne
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ещё пара коментов
Превью контента из 9bf59b3 опубликовано. |
| При `font-synthesis: none` текст в `<strong>` не получит визуального выделения, если в URL не указан параметр с нужным весом. Например, для `<strong>` или `font-weight: 700` необходимо явно подключить `wght@...;700`. | ||
|
|
There was a problem hiding this comment.
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 абзацев:
vitya-ne
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Посмотри, пожалуйста на описание в разделе При использовании Google Fonts
Описание