Estou olhando a página MDC para a regra CSS @ font-face , mas não entendo nada. Tenho arquivos separados para negrito , itálico e negrito + itálico . Como posso incorporar todos os três arquivos em uma @font-face
regra? Por exemplo, se eu tiver:
@font-face {
font-family: "DejaVu Sans";
src: url("./fonts/DejaVuSans.ttf") format("ttf");
}
strong {
font-family: "DejaVu Sans";
font-weight: bold;
}
O navegador não saberá qual fonte será usada para negrito (porque esse arquivo é DejaVuSansBold.ttf), portanto, será padronizado para algo que provavelmente não quero. Como posso informar ao navegador todas as diferentes variantes que tenho para uma determinada fonte?