Font format required for a website
Posted: Sat Nov 06, 2021 2:58 pm
Hello everyone,
I would like to use a font on a web page.
Is it still necessary to systematically use the three usual font formats (WOFF2, WOFF, TTF)? Why?
For example, for the Segoe Historical font, we used to be advised to use the following CSS lines:
The problem is that this increases the storage space needed considerably, in this case 3,376,576 bytes instead of, optionally:
—The WOFF2 version uses 770,984 bytes.
—The WOFF version uses 944,020 bytes.
—The TTF version uses 1,604,572 bytes.
Thank you for your explanations.
I would like to use a font on a web page.
Is it still necessary to systematically use the three usual font formats (WOFF2, WOFF, TTF)? Why?
For example, for the Segoe Historical font, we used to be advised to use the following CSS lines:
Code: Select all
@font-face {
font-family: "seguihis";
src:
url("fonts/SegoeUIHistoric-Regular.woff2") format("woff2"),
url("fonts/SegoeUIHistoric-Regular.woff") format("woff"),
url("fonts/seguihis.ttf") format("truetype");
}
.fontsymbol {
font-family: "symbol";
}
—The WOFF2 version uses 770,984 bytes.
—The WOFF version uses 944,020 bytes.
—The TTF version uses 1,604,572 bytes.
Thank you for your explanations.