Website performance - The Grid plugin

[Marcin_Podwojski]

Hello Themeco team,

Staying at home I am trying to optimize the performance of my website. The very last thing I am struggling with is the following issue:

Ensure text remains visible during webfont load
Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.
URL
[…fonts/the_grid.ttf]

Is there any possibility to temporarily show a system font by including font-display: swap for the_grid.ttf?

Regards
Marcin

[jade]

Hello Marcin,

The Grid plugin is one of the bundled plugins with X and we provide support for its compatibility with the theme and the basic setup. However, it is something about changing a native feature that comes with the grid like the font, it goes beyond the scope of our support.

You might want to check The Grid documentation if you can find some resources for there:

https://theme-one.com/docs/the-grid/

Hope this helps.

[Marcin_Podwojski]

@jade,

I understand it is a third party plugin but still, I hoped for a workaround in global CSS or child theme, as plugin’s documentation does not mention why this font is being used and how to exclude it.

Just to mention, the main reason I use this plugin is the lack of native, customizable element for recent blog posts (the classic one is clearly outdated).

I would really appreciate any suggestions from the Stuff.

Regards
Marcin

[ruenel]

Hello Marcin,

Regretfully there isn’t a setting in the plugin for the font display. As an alternative, I would recommend that you edit your grid skin instead and then specifically add your custom css for font display:

• https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display

Thank you for your understanding.

[Marcin_Podwojski]

@ruenel,

Thank you for the hint. Unfortunately, it did not work from neither skin nor grid CSS custom codes. The only way I was able to add ‘font-display: swap’ was a dirty method of editing the ‘the-grid.min.css’ file and it worked as expected.

Regards
Marcin

[nabeel]

Hey Marcin,

Yes that’s indeed not a good way but please note that you may need to add your CSS again whenever the plugin gets updated, your changes will be overwritten on update.

Thank you for letting us know. Cheers!