Короткая запись свойства font

Nikolay7 · November 13, 2016

Добрый день Уважаемый саппорт. Моя проблема заключается в следующем: когда я пишу свойство font короткой записью, и в ней указываю значение свойства line-height: множитель указываю, в пикселях или в др. величинах, браузер все правила сбрасывает в ноль, т.е как будто я не прописывал никаких css-свойств. Но когда расписываешь полностью все свойства текста, без короткой записи - line-height срабатывает. Если одновременно, между { } скобками прописываешь отдельно line-height: со значением и следующей строкой пишешь короткую запись font, не указывая при этом значения этого свойства, т.к это свойство было указано выше, то браузер применяет все правила указанные в короткой записи, но игнорирует правило line-height. Подскажите пожалуйста где у меня ошибка. Прикладываю Вам код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>font</title>
<style>
.new {
color:#AB4533;
line-height:40px;
font:italic 20px Tahoma;
}
</style>
</head>
<body>

<h1>What is Lorem Ipsum?</h1>

<p class="new">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of 
type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in 
the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

</body>
</html>

green-vik · November 13, 2016

Привет, вот так все работать должно

  font: italic 20px/40px Tahoma, Geneva, sans-serif;

wwt · November 13, 2016

font: italic 20px/40px Tahoma

font-size/line-height

Если же указано только 1 значение ( к примеру 20px) то это воспринимается как font-size

sigma77 · November 13, 2016

2 часа назад, Nikolay7 сказал:

Моя проблема заключается в следующем: когда я пишу свойство font короткой записью, и в ней указываю значение свойства line-height: множитель указываю, в пикселях или в др. величинах, браузер все правила сбрасывает в ноль, т.е как будто я не прописывал никаких css-свойств.

У свойства font обязательными для указания являются только font-size и font-family. Остальные значения - опциональны и если они не указаны, то подразумеваются начальные значения. Т.е. font:italic 20px Tahoma; равнозначна записи font:italic normal normal normal 20px/normal Tahoma; и переопределяет выше указанное значение line-height:40px;

Nikolay7 · November 13, 2016

3 часа назад, sigma77 сказал:

У свойства font обязательными для указания являются только font-size и font-family. Остальные значения - опциональны и если они не указаны, то подразумеваются начальные значения. Т.е. font:italic 20px Tahoma; равнозначна записи font:italic normal normal normal 20px/normal Tahoma; и переопределяет выше указанное значение line-height:40px;

Спасибо что подсказали, что между Font-size и line-height нужно ставить слэш. У меня есть формула сокращённой записи и там стоит /, я только сейчас это заметил...

3 часа назад, wwt сказал:

font: italic 20px/40px Tahoma

font-size/line-height

Если же указано только 1 значение ( к примеру 20px) то это воспринимается как font-size

Спасибо за подсказку

4 часа назад, green-vik сказал:
Привет, вот так все работать должно
  font: italic 20px/40px Tahoma, Geneva, sans-serif;

Спасибо что подсказали, вы меня выручили...

Sign In

Короткая запись свойства font

Question

Nikolay7

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

green-vik

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

Nikolay7

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information