Using @ font-face for 2 fonts causing a big slowdown

This is the first time I've used @ font-face. The font package is from myfonts.com, and I'm currently testing in Safari and noticed through the web inspector that the css file that downloads 2 fonts appears as almost 2 megabytes download! fonts appear to be base64 encoded. The package did not include .otf files.

enter image description here

enter image description here

I added Gzipping through the .htaccess file, and it reduced the size of this file by almost half, but by 1 mb, it is still unacceptable, and I cannot understand why it is so big.

+3
source share

All Articles