CSS декларации шрифта вопрос

Question

Что разница между этим:

font-family: Arial, helevetica; 

и это:

font: arial/ helvetica; 

Я видел оба, но на самом деле не уверен, разница?

Answer 1

Является ли косая черта (/) опечаткой? Поскольку только слэш я могу изображение в font: собственности является один обозначающим размером шрифта и высота строки (например 16px/20px)

Во всяком случае, font: этого свойство, которое позволяет установить несколько свойств шрифтов одновременно, в то время как font-family, очевидно, только позволяет установить шрифт. С font: вы можете также установить размер, жирный/курсив, линия высоты и варианта:

font-weight: bold; 
font-style: italic; 
font-variant: small-caps; 
font-size: 1em; 
line-height: 1.5em; 
font-family: verdana,sans-serif 

То же самое, как:

font: bold italic small-caps 1em/1.5em verdana,sans-serif; 

Вы можете опустить свойства, которые уже установлены, тоже. Для размера, семьи и жирного шрифта:

font: bold 1em arial,verdana; 

Answer 2

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

font: 12px/14px Arial, helvetica; 

- единственное правильное использование косой черты. В этом примере он установит размер шрифта 12px, высоту строки 14px и семейство шрифтов Arial, helvetica.

Answer 3

Спасибо, что задали этот вопрос.

Как @Stephan Muller said слэш может быть просто опечаткой, пытаясь обозначить размер шрифта и высоту строки, однако также может быть косыми черты в некоторых шрифтах, подобное этим:

font-family: Copperplate/Copperplate Gothic Light, sans-serif; 
font-family: Gill Sans/Gill Sans MT, sans-serif; 

Надеется, что это помогает!