Веб-шрифты и предоставление запасных шрифтов
Когда используешьweb fonts
с помощью@font-face
Мне было интересно, чтоРекомендуется ли использовать резервные шрифты?
Например, если я использовал веб-шрифт, выделенный жирным шрифтом, например:
@font-face {
font-family: 'OpenSansBold';
src: url('../fonts/OpenSans-Bold-webfont.eot');
src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
Теперь, когда вы вызываете это, вы, очевидно, просто делаете это:
font-family: OpenSansBold;
Однако мне было интересно предоставить резервные шрифты, например, если загрузка шрифта не удалась по какой-либо причине.
Очевидно, чтоДостаточно просто сделать это шрифтом обычного стиля (не жирным шрифтом / не курсивом), как показано ниже.
font-family: OpenSansRegular, Arial;
Тем не менее, что яИнтересно, когда шрифт полужирный или курсив.
Это посоветуете что-то вроде этого, и он выигралне влияет на веб-шрифт?
font-family: OpenSansBold, Arial;
font-weight: bold;
Просто интересно, потому что если бы ты нетогда, если веб-шрифт потерпел неудачу, я не могу указать жирный шрифт, он получит Arial, но это небыть смелым