With the new font-display attribute, you can control the length of each of these periods, and what happens when one of them fails. There are 4 different values: block, swap, fallback and optional. There’s also auto, which usually ends up being the same as block. These values are supported on all modern browsers (IE not included), but double check the compatibility table for the latest!
The font display is controlled per font-face:
@font-face {
font-family: ‘my-font’;
font-display: optional;
src: url(my-font.woff2) format(‘woff2’);
}
Does this go into simple css or add on css?
Thanks