Это фактически устанавливает два свойства и эквивалентно:
font-size: 100%;
line-height: 120%;
Цитировать официальную документацию :
Синтаксис этого свойства основан на традиционных типографских сокращенных обозначениях для установки нескольких свойств, связанных со шрифтами.
Как сказал Дэвид М. в комментариях, он отражает традицию набора текста, определяя размеры шрифта как « x pt на y pt» для обозначения размера глифа на высоте строки. 1016 *
Но пример в вашем вопросе на самом деле неверен и будет игнорироваться браузером: вы можете объединить эти два свойства только в краткой записи font
, и вы должны указать хотя бы оба шрифта размер и семья. Поэтому простого написания font: 100%/120%;
недостаточно; Вы можете добавить общее имя семьи, чтобы сделать его действительным, например ::
font: 100%/120% serif;