Home/ Questions/Q 8193335
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T04:26:46+00:00

I am in a Rails project and I am using two fonts which are

  • 0

I am in a Rails project and I am using two fonts which are in the /assets/fonts folder.

@font-face {
  font-family: FuturaStd-Light;
  src: url("/assets/fonts/FuturaStd-Light.otf");
}

@font-face {
  font-family: HelveticaNeue;
  src: url("/assets/fonts//HelveticaNeue.dfont");
}

The fonts are very big files (especially the second one) and it is taking forever to load them. And in every page the text appears after everything else.

Is there a better way to load the fonts? Is there a way to cache them? Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    @font-face is a wonderful technique, but large font files will definitely slow down your site. There are many techniques you can use to combat this:

    One thing in particular to watch out for is that IE will block the rendering of the entire page if there’s a SCRIPT element before your stylesheet. So make sure that all your stylesheet links are above any javascript files you’re loading.

    Further reading:

    • 0