geagichi

Hi @marko Vasiljevic thank you for your reply I hope you’re doing well.
I see only .js files to be added where is the option to manually add .css files?

Hi @prathamesh and tank you for your reply. Where and what do I must change with font-display: auto, all font-display: auto into font-display: swap?

I’ve read that “turorial” over and over again don’t know what to do. Please explain.

Thank you for your reply @marko Vasiljevic, I hope you’re doing well.

Minify option is enabled. I don’t know how this program can Minify the files that Gtmetrix shows on the report.

Thank you for your answer @marko Vasiljevic, the problem is that https://gtmetrix.com/ told me told me that that file was to big and must be deferred some how.

@marko S, I read about and I think Theme must declare that functions or something like that is not that I can whatever I want and It will work.

Hi @dimitris, I hope you’re doing well.

I still don’t know what to do. Can you explain? I read all what you’ve told me but I don’t know what my web site needs to load faster about the fonts? What to do? Please explain, what I have and what I must do because you copy/paste.

• This reply was modified 4 years, 11 months ago by geagichi.
• This reply was modified 4 years, 11 months ago by geagichi.

I’ve installed, doesn’t work, can you tell me what’s wrong?

What to you mean by “embed Google Fonts?” ? Tell me what to do if you can to make your plugin work. Thank you very much for your reply.

hello @nastia thank you for your ample reply. But I do not understand a thing. I have some fonts into my web site added my WordPress and Elementor. And I find them into

styles.css -> assets -> fonts -> fontsaswome -> css -> all.css

@font-face {
font-family: ‘Font Awesome 5 Brands’;
font-style: normal;
font-weight: normal;
font-display: auto;
src: url(“../webfonts/fa-brands-400.eot”);
src: url(“../webfonts/fa-brands-400.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-brands-400.woff2”) format(“woff2”), url(“../webfonts/fa-brands-400.woff”) format(“woff”), url(“../webfonts/fa-brands-400.ttf”) format(“truetype”), url(“../webfonts/fa-brands-400.svg#fontawesome”) format(“svg”); }

.fab {
font-family: ‘Font Awesome 5 Brands’; }
@font-face {
font-family: ‘Font Awesome 5 Free’;
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(“../webfonts/fa-regular-400.eot”);
src: url(“../webfonts/fa-regular-400.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-regular-400.woff2”) format(“woff2”), url(“../webfonts/fa-regular-400.woff”) format(“woff”), url(“../webfonts/fa-regular-400.ttf”) format(“truetype”), url(“../webfonts/fa-regular-400.svg#fontawesome”) format(“svg”); }

.far {
font-family: ‘Font Awesome 5 Free’;
font-weight: 400; }
@font-face {
font-family: ‘Font Awesome 5 Free’;
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(“../webfonts/fa-solid-900.eot”);
src: url(“../webfonts/fa-solid-900.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-solid-900.woff2”) format(“woff2”), url(“../webfonts/fa-solid-900.woff”) format(“woff”), url(“../webfonts/fa-solid-900.ttf”) format(“truetype”), url(“../webfonts/fa-solid-900.svg#fontawesome”) format(“svg”); }

.fa,
.fas {
font-family: ‘Font Awesome 5 Free’;
font-weight: 900; }

I don’t know if those fonts are loading or not and I don’t know if that script “swap” it’s for a temporarily load then swap to those fonts or what? Can you explain please?

Thank you for your reply @gijo but I read that topic 30 times and I don’t know what to do. Can you be more specific? So your plugin doesn’t work because I embed the Google Fonts? I just install your plugin. Tell me the steps for making your plugin works. Thank you.

Thank you for your answer @prathamesh,

I’m using OceanWP theme and I have the following lines in styles.css -> assets -> fonts -> fontsaswome -> css -> all.css

@font-face {
font-family: ‘Font Awesome 5 Brands’;
font-style: normal;
font-weight: normal;
font-display: auto;
src: url(“../webfonts/fa-brands-400.eot”);
src: url(“../webfonts/fa-brands-400.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-brands-400.woff2”) format(“woff2”), url(“../webfonts/fa-brands-400.woff”) format(“woff”), url(“../webfonts/fa-brands-400.ttf”) format(“truetype”), url(“../webfonts/fa-brands-400.svg#fontawesome”) format(“svg”); }

.fab {
font-family: ‘Font Awesome 5 Brands’; }
@font-face {
font-family: ‘Font Awesome 5 Free’;
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(“../webfonts/fa-regular-400.eot”);
src: url(“../webfonts/fa-regular-400.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-regular-400.woff2”) format(“woff2”), url(“../webfonts/fa-regular-400.woff”) format(“woff”), url(“../webfonts/fa-regular-400.ttf”) format(“truetype”), url(“../webfonts/fa-regular-400.svg#fontawesome”) format(“svg”); }

.far {
font-family: ‘Font Awesome 5 Free’;
font-weight: 400; }
@font-face {
font-family: ‘Font Awesome 5 Free’;
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(“../webfonts/fa-solid-900.eot”);
src: url(“../webfonts/fa-solid-900.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-solid-900.woff2”) format(“woff2”), url(“../webfonts/fa-solid-900.woff”) format(“woff”), url(“../webfonts/fa-solid-900.ttf”) format(“truetype”), url(“../webfonts/fa-solid-900.svg#fontawesome”) format(“svg”); }

.fa,
.fas {
font-family: ‘Font Awesome 5 Free’;
font-weight: 900; }

What should I do? Do I must add that piece of code and customize it with my desired font?

@computerkid1 how to use that Swap Google Fonts Display and see if he’s working on OceanWP?

Imagine I’m searching for this fix for 2 weeks every day couple of hours, and also imagine I was reading that “fix” for 20 times and I don’t know what to do. Can you help?

@anton,

Sorry for using “foul language” but those fouls doesn’t know what to modify if you don’t tell them exactly. And this plugin modify the path of the fonts and the web site have problems caused by minifying the css scripts so be respectful to us and tell us what to do, step by step because “font-display: swap;” won’t help.

Hello @nastia you explained a shit, we read all the google related things that you paste right here. Tell us exactly what to do when we have such troubles with our fonts, what exactly we must do where to go what to add. What fonts my website it uses because this Hummingbird plugin messed up all the fonts.