Loading .ttf on custom icons

Beaver Builder
1

I created a custom icons font for my homepage layout with Beaver -I followed your tutorial I found through the forum-, and when I am checking the speed of my site I see it is loading the .ttf font.

Does it make use of all the rest of the formats depending on the browser… or it only loads the .ttf?

2

Hey Pablo,

That is correct, the other formats get loaded depending on the browser. :slight_smile:

Ben

3

Ok, thanks. I think the site you recommend for creating the icons font didn’t create .woff2, only .woff.
Is that normal for icons or is there something to do about that?

4

Hey Pablo,

Woff2 is only available if you’re a premium member. Check their FAQs page below. :slight_smile:
https://icomoon.io/#faq/ttf-before-woff

Ben

5

If I create the WOFF2 myself can I just upload it into beaver to wherever it uplodad the rest of the fonts? or do I need to edit any files as well (if so, which ones)?

6

Hey Pablo,

I’m not really sure about that one to be honest. I think you can add that to your icomoons files, inside the font folder, then edit the style.css file to reflect the woff2 format. Check the link below for more info.
https://css-tricks.com/snippets/css/using-font-face/

Ben

7

Haha, ok, no worries. Where does it store beaver the icons? It will be easier just to edit it on my server than to re-upload them and re-assign them.

8

Hey Pablo,

I’d suggest adding the font to your icomoon files, edit the style.css for it to be reflected, then reupload it. Just to answer your question though, the files are stored inside the /wp-content/uploads/bb-plugin/cache/icons/ directory. :slight_smile:

Ben

9

I did so, it worked out.

10

Awesome! And glad I could help! Enjoy BB! :slight_smile:

Ben