Egenskapen font

Egenskapen font är en sammanfattande egenskap där följande CSS-egenskaper kan användas: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntax

cssselektor {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

De obligatoriska egenskaperna är font-size och font-family, de övriga kan utelämnas med bevarad ordning.

Egenskaperna font-style, font-variant, font-weight kan byta plats i vilken ordning som helst i förhållande till varandra.

Observera att egenskapen line-height skrivs med ett snedstreck efter egenskapen font-size.

Exempel

Låt oss skapa kursiv text med storleken 15px, med typsnittet Arial och radavstånd på 30px:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Exempel

Ytterligare ett exempel:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

Exempel

Ställ in endast teckenstorlek och familj, och utelämna andra egenskaper:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

Exempel

Om du bara anger teckenstorleken kommer den inte att tillämpas, eftersom även teckensnittsfamiljen måste anges:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: