Quote:
Originally Posted by GoCastaway
I think that should be a good solution, but in the 5 font maps there are also .svg files. All around 1200-1300 Kb, but in the SFCompactRounded-Bold map the .svg is 6375 KB, what to do with that?
If there is someone who can change this and is willing to share that would be great, i am very interested in it.
|
You can change *.svg files too, or remove it completely.
Remove in style.css:
Code:
@font-face{font-family:SF-Compact-Display-Semibold;src:url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Semibold/SFCompactDisplay-Semibold.eot);src:url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Semibold/SFCompactDisplay-Semibold.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Semibold/SFCompactDisplay-Semibold.svg#SF-Compact-Display-Semibold) format('svg'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Semibold/SFCompactDisplay-Semibold.ttf) format('truetype'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Semibold/SFCompactDisplay-Semibold.woff) format('woff'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Semibold/SFCompactDisplay-Semibold.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF-Compact-Display-Bold;src:url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Bold/SFCompactDisplay-Bold.eot);src:url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Bold/SFCompactDisplay-Bold.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Bold/SFCompactDisplay-Bold.svg#SF-Compact-Display-Bold) format('svg'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Bold/SFCompactDisplay-Bold.ttf) format('truetype'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Bold/SFCompactDisplay-Bold.woff) format('woff'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Bold/SFCompactDisplay-Bold.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SFCompactDisplay-Black;src:url(/wp-content/themes/pro-cam-mu/fonts/SFCompactDisplay-Black/SFCompactDisplay-Black.eot);src:url(/wp-content/themes/pro-cam-mu/fonts/SFCompactDisplay-Black/SFCompactDisplay-Black.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/pro-cam-mu/fonts/SFCompactDisplay-Black/SFCompactDisplay-Black.svg#SFCompactDisplay-Black) format('svg'),url(/wp-content/themes/pro-cam-mu/fonts/SFCompactDisplay-Black/SFCompactDisplay-Black.ttf) format('truetype'),url(/wp-content/themes/pro-cam-mu/fonts/SFCompactDisplay-Black/SFCompactDisplay-Black.woff) format('woff'),url(/wp-content/themes/pro-cam-mu/fonts/SFCompactDisplay-Black/SFCompactDisplay-Black.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SFCompactRounded-Bold;src:url(/wp-content/themes/pro-cam-mu/fonts/SFCompactRounded-Bold/SFCompactRounded-Bold.eot);src:url(/wp-content/themes/pro-cam-mu/fonts/SFCompactRounded-Bold/SFCompactRounded-Bold.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/pro-cam-mu/fonts/SFCompactRounded-Bold/SFCompactRounded-Bold.svg#SFCompactRounded-Bold) format('svg'),url(/wp-content/themes/pro-cam-mu/fonts/SFCompactRounded-Bold/SFCompactRounded-Bold.ttf) format('truetype'),url(/wp-content/themes/pro-cam-mu/fonts/SFCompactRounded-Bold/SFCompactRounded-Bold.woff) format('woff'),url(/wp-content/themes/pro-cam-mu/fonts/SFCompactRounded-Bold/SFCompactRounded-Bold.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF-Compact-Display-Regular;src:url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Regular/SFCompactDisplay-Regular.eot);src:url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Regular/SFCompactDisplay-Regular.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Regular/SFCompactDisplay-Regular.svg#SF-Compact-Display-Regular) format('svg'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Regular/SFCompactDisplay-Regular.ttf) format('truetype'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Regular/SFCompactDisplay-Regular.woff) format('woff'),url(/wp-content/themes/pro-cam-mu/fonts/SF-Compact-Display-Regular/SFCompactDisplay-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../fonts/slick.eot);src:url(../fonts/slick.eot?#iefix) format('embedded-opentype'),url(../fonts/slick.woff) format('woff'),url(../fonts/slick.ttf) format('truetype'),url(../fonts/slick.svg#slick) format('svg');font-display:swap}
Change font family everywhere in a style.css:
Code:
SF-Compact-Display-Regular
SFCompactDisplay-Black
SF-Compact-Display-Bold
SF-Compact-Display-Semibold
SFCompactRounded-Bold
To some font family which is loaded already in users browsers:
https://websitesetup.org/web-safe-fonts-html-css/