Unused icons appear in font in CSS file

  • Resolved apbarrett

    (@apbarrett)


    2 years, 5 months ago

    I analysed one of my pages with google’s page speed tool, and it reported a large CSS file associated with this plugin. I looked at the CSS file, and it includes a large font description, apparently including all icons, even those that are not used on my site.

    Would it be possible to dynamically generate a font resource that includes only the icons that are actually used? This would make the font resource much smaller, and would help with page speed.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mat

    (@mateithemeisle)

    2 years, 5 months ago

    Hello @apbarrett,

    Thank you for using our plugin and for reaching out!

    I have created a site specific plugin for this particular issue which you can download from here. Once your are on the page, you’ll see a download zip button in the top right corner which will download the plugin.

    Once downloaded, install it manually on your WP instance, then go to Dashboard > Plugins > Plugin Editor > Select this plugin from the top right selector > And delete the “//” only for the fonts you want to stop using. (this will remove the comment and will allow the code to execute, please don’t delete the “//” that are placed before the name of the font as it will result in an error)

    Afterward, please update the plugin and activate it. Now, only the font you desire should be loading.

    Since we have retired this plugin and we no longer support it, we will not perform any other updates to the Menu Icons plugin, thus the aforementioned solution is the one we can offer at the moment.

    Thank you for understanding and please let us know if this worked for you!

    Thread Starter apbarrett

    (@apbarrett)

    2 years, 5 months ago

    Thank you, Mat, for your response. I understand that you no longer maintain this plugin, so I won’t bother you further.

    My question was not about unused fonts, but about unused characters/glyphs within a font. I am using only one character, but the entire font is loaded with perhaps 100 characters. A complete solution would involve keeping track of which characters in which fonts are used or unused, and generating custom fonts with exactly the necessary characters and no others. This is obviously too much work for a plugin that’s not actively maintained.

    Thanks again for your reply!

    Mat

    (@mateithemeisle)

    2 years, 5 months ago

    Hello @apbarrett ,

    Thank you for your reply!

    Don’t worry about the fact that we are not supporting the plugin anymore, this only means that we are not actively working on creating updates for it, but we are still responding to questions if the plugin in its last version is not working correctly or if we can provide answers for questions such as yours.

    Coming back to the topic, now I understand what you desire to do but that is not possible from the plugin settings. What you could do is to create a custom font indeed which as you said, might be too much work for such a small improvement but this totally depends on you.

    Thank you for your kind answer and have an amazing day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Unused icons appear in font in CSS file’ is closed to new replies.