Универсальный шрифт для ПК и мобильных устройств - Вопросы по CSS

Я, если честно, нифига не понял. Вы про гарнитуру или кегль? В каком плане «универсальный»?

Попробуйте размер шрифта задавать не в пикселях, а в em или в %.

нельзя ли подробней, желательно с примером?

html {
  font-size: 16px;
 
  @media (min-width: 600px) {
    font-size: 18px;
  }
 
  @media (min-width: 800px) {
    font-size: 20px;
  }
}

Размер шрифта должен быть одинаковым на всех девайсах.

Размер шрифта должен быть одинаковым на всех девайсах.

если сильно нужно, то можно сделать на less. Выводите размер шрифта в переменную, например @global-font-size. Далее, все размеры шрифтов выставляете относительно этого. Например h1 {font-size: @global-font-size * 1.2;}. И последнее, важное, оборачиваете @global-font-size в условия медиа-запросов, и, в зависимости от разрешения, присваиваете нужное значение.

Можно вот так ещё сделать:

Спойлер

[свернуть]

Размер шрифта должен коррелировать с настройками браузера. Если на экране с разрешением 1280х1024 я могу спокойно читать сайт с жёстко заданным размером шрифта в 14px, то на экране с разрешением 1920х1080 текст этого же сайта выглядит очень мелким.

На десткопе масштабируем через Ctrl+(0-9).

это древний холивар, в чём измерять шрифты

Я понял так, что надо перечислить варианты ширины девайса, с которого смотрят сайт и присвоить каждой из них свои значения? Но тогда это (полный список) надо будет делать везде, где прописаны шрифты?

Какой из двух ваших вариантов вы считаете лучшим?

Но я согласна

Так же может интересно будет

Ту же самую статью хотел скинуть. . Так конкретно о различиях rem и em. Где, что и как использовать. Мне удобнее в пикселях.

То ли вы лукавите, то ли кокетничаете, то ли не понимаете... Вам "удобнее в пикселях", НО "на LESS. Разве неясно, что это "что в лоб, что по лбу"? По-любому речь идет об адаптивности, только разными методами! Я до LESS не дорос, до комбинирования  rem+em, пожалуй, тоже.

Прописать нужно один раз в главном CSS шаблона - в начале, после тега body.Я себе в em определяю

Bright, походу вы так и не поняли ничего.
ваше переопределение для больших экранов не будет работать: в CSS не допускается вложенность селекторов друг в друга, правильный код:

Спойлер

[свернуть]

Но на ваш код сайт тоже не отреагировал. Т.е. ВООБЩЕ никак.
Полностью почистил кэш (в т.ч. устаревший) - тоже не помогло.

Спасибо, но я не ориентировался на такие древности

Урл на сайт, по другому помочь не получится

Версия Opera уже 29 )) 12я ветка прекратила свое существование еще в 2012 ))

учитесь пользоваться инспектором кода браузера, волшебная комбинация клавиш: Ctrl+Shift+I

учитесь пользоваться инспектором кода браузера, волшебная комбинация клавиш: Ctrl+Shift+I

поиграйтесь с последовательностью вывода @media - это важно

поиграйтесь с последовательностью вывода @media - это важно