how to host font awesome locally and load asynchronously

Render Block CDN:

https://use.fontawesome.com/releases/v5.8.1/css/all.css
https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-solid-900.woff2
https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.woff2

Website:

https://vidaideal.blog.br/

When I switch to CSS icons the render block disappears. But Links to Social Networks with CSS icons disappear too (why? Error?) and only the sharing icons are shown.

How to use font awesome without render block in this plugin?

I’ve tried all your tutorials to solve the problem.

this “solution” does not work and breaks the site (print attached)

This solution breaks the site and looks for the icomoon font (which I don’t use because it’s .ttf and slower to load)

@font-face{font-family:’icomoon’;font-display:swap;font-style:normal;font-weight:normal;src:local(‘icomoon’), local(‘icomoon’), url”(/plugins/accelerated-mobile-pages/templates/design-manager/swift/fonts/icomoon.ttf’)}.amp-carousel-img img{object-fit:contain}

see I’m asking for a help to locally host font awesome.

could you please give me the path to host locally?

As you take a long time to answer, if you give me each step to solve an annoying problem like that of font render block, this ticket will take a year.

could you just answer my question?

the question is how do i host font awesome locally in this plugin?

• This reply was modified 2 years, 11 months ago by faninja.
• This reply was modified 2 years, 11 months ago by faninja.

after hours of investigation I found that the search icon was using the icomoon font and was causing the crash.

but anyway, changing the font family of the icon search to font awesome, the site doesn’t crash anymore but the instruction of the tutorial didn’t have any effect. font awesome keeps generating render block.

the instruction <link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.8.1/css/all.css&#8221; crossorigin=”anonymous”> in the head continues there for you to see that it doesn’t work to remove the font awesome render block.

I did several tests putting https://use.fontawesome.com/releases/v5.8.1/css/all.css with preload, prefetch, dns pre and nothing removes the render block.

please when answering this ticket tell me how I LOCALLY HOST the font awesome in this plugin

I wait

thanks

• This reply was modified 2 years, 11 months ago by faninja.

no need to apologize every time, your service is slow.

the file that you ansered is in this link: https://drive.google.com/file/d/1x_K1yvtEszl81YkWlxF_k-XlC_YEo4P0/view?usp=sharing

I ask you once again to skip this step-by-step step, which will make this ticket last for several months due to its slowness.

the problem is that you don’t answer my question: how do I host font awesome locally?

could you tell me how do i host font awesome locally?

if you just answer my question how do i host font awesome locally? it will be better for everyone

I don’t know if you understand but I would like to know how do I host font awesome locally?

why do you ignore my question how do i host font awesome locally?

after the next long response time how do i host font awesome locally? please

await for a response of how do i host font awesome locally?

the developer gave up on solving the problem. the plugin is good but generates a render block, which slows down the site and reduces rake. And the developer could not solve this and gave up on the problem. #fail

I completely understand the problem. but you already solved that by creating the category “css icons” as an option to “icomoon” and “fontawesome”. The problem is that “css icons” not show social media links. Only show social media share icons. Can you extend the “CSS icons” category also to social media external links icons in an upgrade of the plugin?

thanks for ansewer

swift icons = all icons appear normally

image: https://drive.google.com/file/d/1VZN12K_u6LSZk9ErhFSCkhVwZ58FuFyJ/view?usp=sharing

css icons = only sharing icons appear. link icons for social network addresses disappear; crash search icons. menu close icons disappear. other icons break.

image: https://drive.google.com/file/d/1mc3d0c_FVH7JhdF53MsQJJ8YeLnjVJ7W/view?usp=sharing

HINT: CSS ICONS MODE SHOW ALL ICONS WITHOUT BREAKING OR DISAPPEARING ANYONE.

it is possible. it would solve a serious ranking and speed issue if we could use CSS icons without crash icons.

waiting for an answer

thanks

• This reply was modified 2 years, 9 months ago by faninja.