Задать вопрос
@maks78945
css

Как изменять размер шрифта при его смене?

Добрый день, на сайте используется несколько размеров шрифтов, при переключении локали используется другой шрифт, подскажите как в этом другом шрифте можно уменьшить размер шрифта.
Т.е. если локаль EN 48 px, если локаль RU 39px
Подскажите саму реализацию данного функционала или направление в каком двигаться?
  • Вопрос задан
  • 40 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Язык страницы указывается на корневом элементе.
<html lang="ru">
<html lang="en">


от него и пляшите

html[lang=ru] {
  --base-font-size: 16px;
}
html[lang=en] {
  --base-font-size: 18px;
}


h1 {
  font-size: calc(var(--base-font-size) * 2)
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (vanilla JS, high-load)
Karma8
от 200 000 ₽
Специалист тех поддержки (английский язык, смены с 16:00 до 00:00 Мск)
ТехСофт
от 50 000 ₽
Руководитель IT / Head of IT
Сигма • Волгоград
от 160 000 до 200 000 ₽
Ещё вакансии