Font format required for a website

Post general font related questions (e.g. how to install, convert and use fonts) and requests (looking for fonts, designers etc.) here.
Post Reply
Pyanepsion
Posts: 52
Joined: Thu Jun 04, 2020 5:33 pm

Font format required for a website

Post by Pyanepsion »

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:

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 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.
Erwin Denissen
Moderator
Moderator
Posts: 11108
Joined: Fri Oct 04, 2002 12:41 am
Location: Bilthoven, The Netherlands
Contact:

Re: Font format required for a website

Post by Erwin Denissen »

Most browsers will request the woff2 source. The other files are required for older browsers, so they can also show the web font.

Woff2 uses less bandwidth and is faster to download.

Usually server storage is not an issue, but it is up to you what you prefer to do.
Erwin Denissen
High-Logic
Proven Font Technology
Bhikkhu Pesala
Top Typographer
Top Typographer
Posts: 9873
Joined: Tue Oct 29, 2002 5:28 am
Location: Seven Kings, London UK
Contact:

Re: Font format required for a website

Post by Bhikkhu Pesala »

Using FontCreator, I create web versions of my fonts with a smaller glyph coverage. I export OTF, WOFF, and WOFF2 versions of each.
My FontsReviews: MainTypeFont CreatorHelpFC15 + MT12.0 @ Win 10 64-bit build 19045.2486
Post Reply