starred/hoppscotch

Fork 0

mirror of https://github.com/hoppscotch/hoppscotch.git synced 2026-04-26 01:06:00 +03:00

[GH-ISSUE #1025] [website] use svg instead of font-icons #360

New issue

Closed

opened 2026-03-16 14:53:31 +03:00 by kerem · 6 comments

kerem commented

2026-03-16 14:53:31 +03:00

Owner

Originally created by @ghost on GitHub (Jul 26, 2020).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/1025

Originally assigned to: @liyasthomas on GitHub.

not sure if that's a a bug report or a feature request, but it is existing and has negative impact, so its a bug.

not many places still use this technology, and for a good reason

Originally created by @ghost on GitHub (Jul 26, 2020). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/1025 Originally assigned to: @liyasthomas on GitHub. not sure if that's a a bug report or a feature request, but it is existing and has negative impact, so its a bug. ![postwoman font-icons](https://user-images.githubusercontent.com/59403389/88475453-31da6e80-cf30-11ea-833d-d0134e878dfc.png) not many places still use this technology, and for a good reason

kerem

2026-03-16 14:53:31 +03:00

closed this issue
added the
feature

good first issue
labels

kerem commented

2026-03-16 14:53:47 +03:00

Author

Owner

@liyasthomas commented on GitHub (Jul 26, 2020):

Oops. I noticed this glitch on very first load of app. From second load onwards, icon font will be used from cache. I guess it's possible to replace icon font with SVGs since we're already using SVGs for some custom icons. But is there any other effective implementations?

I'm thinking of a native implementation around font-display property.

Also I noticed probability of occurring such a delayed render is high with low-speed network.

@liyasthomas commented on GitHub (Jul 26, 2020): Oops. I noticed this glitch on very first load of app. From second load onwards, icon font will be used from cache. I guess it's possible to replace icon font with SVGs since we're already using SVGs for some custom icons. But is there any other effective implementations? I'm thinking of a native implementation around [`font-display`](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display) property. Also I noticed probability of occurring such a delayed render is high with low-speed network.

kerem commented

2026-03-16 14:53:52 +03:00

Author

Owner

@liyasthomas commented on GitHub (Aug 7, 2020):

@dym-sh Is this feature mandatory? I can't find any hard trouble with the initial 1 second delay for loading the icon font. This delay is not even noticeable after initial load because of pre-fetch and caching. If you insist I can work on a solution with SVG module.

cc: @AndrewBastin

@liyasthomas commented on GitHub (Aug 7, 2020): @dym-sh Is this feature mandatory? I can't find any hard trouble with the initial 1 second delay for loading the icon font. This delay is not even noticeable after initial load because of pre-fetch and caching. If you insist I can work on a solution with [SVG module](https://github.com/nuxt-community/svg-module). cc: @AndrewBastin

kerem commented

2026-03-16 14:53:57 +03:00

Author

Owner

@ghost commented on GitHub (Aug 7, 2020):

the problem is when 3rd-party fonts are disabled or unsupported – you'd get the thing on screenshot, no matter the delay

@ghost commented on GitHub (Aug 7, 2020): the problem is when 3rd-party fonts are disabled or unsupported – you'd get the thing on screenshot, no matter the delay

kerem commented

2026-03-16 14:54:03 +03:00

Author

Owner

@ghost commented on GitHub (Aug 7, 2020):

im gonna try to solve this issue now, should not take too long

@ghost commented on GitHub (Aug 7, 2020): im gonna try to solve this issue now, should not take too long

kerem commented

2026-03-16 14:54:08 +03:00

Author

Owner

@AndrewBastin commented on GitHub (Aug 8, 2020):

Well, I think if we can get a proper implementation going, SVGs will be better than icon fonts.

Assigning to you @dym-sh !

@AndrewBastin commented on GitHub (Aug 8, 2020): Well, I think if we can get a proper implementation going, SVGs will be better than icon fonts. Assigning to you @dym-sh !

kerem commented

2026-03-16 14:54:13 +03:00

Author

Owner

@liyasthomas commented on GitHub (Aug 17, 2020):

@dym-sh if you're interested in working on this feature, I've made a working starting point for you. Checkout https://github.com/hoppscotch/hoppscotch/pull/1091 and follow the steps described in it to change remaining instances for icon font to svg icons.

Let me know if you've any doubts.

@liyasthomas commented on GitHub (Aug 17, 2020): @dym-sh if you're interested in working on this feature, I've made a working starting point for you. Checkout https://github.com/hoppscotch/hoppscotch/pull/1091 and follow the steps described in it to change remaining instances for icon font to svg icons. Let me know if you've any doubts.

kerem referenced this issue

2026-03-17 00:16:13 +03:00

[PR #360] [MERGED] Add Simplified Chinese language #2579