I was basically trying to abbreviate \"font-style\" to just \"font\" by using the shorthand property. However, it only seems to work if I specify other properties (size/line
The font-family and font-size are the minimum styles required for this style property.
Example:
font: 1em "Times New Roman", Times, serif;
An example of a full shorthand would be the following:
font: bold italic small-caps 1em/1.5em verdana,sans-serif
This would replace the original code below:
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif
minimal specifications are size and font-name. In your case it will look like this:
.main{
font: 1em verdana;
}