Унаследовать свойство font-family, если шрифт недоступен

Question

Я пытаюсь заставить что-то вроде этого работать:

body { 
    font-family: Verdana, Arial, sans-serif;
}

p { 
    font-family: Helvetica, inherit;
}

В основном, если "Helvetica" не доступен в браузере клиента, я хочу, чтобы семейство шрифтов было унаследовано от родителя.Но мне кажется, что я не могу использовать «наследовать» в списке приоритетов шрифтов.Как мне добиться чего-то подобного без необходимости копировать семейство шрифтов paste из тела?

Answer 1

Семейство шрифтов будет автоматически наследоваться от родительского свойства.Итак, все, что вам нужно сделать, это:

body { 
  font-family: Verdana, Arial, sans-serif;
}
p { 
  font-family: Helvetica; 
}

Это автоматически унаследует семейство шрифтов body, если на компьютере конечного пользователя нет Helvetica.

Answer 2

Вы правы.Вы можете использовать его так же, как и вы.Это то, что стало доступно с CSS2. Этот вопрос похож и имеет несколько ответов, достойных прочтения.

Я думаю, что реальная проблема в том, что Helvetica не бесплатный шрифт.Таким образом, он просто недоступен для широкого использования.

Вариант 1) Если у вас есть шрифт Helvetica, создайте изображение с использованием этого шрифта (для нескольких строк, которые вы хотите, чтобы этот конкретныйищите).

Вариант 2) (как предложил @bjupreti) - использовать замещающий шрифт, который широко доступен.