Skip to content

Use a more efficient way to load custom fonts into the web application #1940

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
3 tasks done
kittaakos opened this issue Mar 7, 2023 · 0 comments
Open
3 tasks done

Use a more efficient way to load custom fonts into the web application #1940

kittaakos opened this issue Mar 7, 2023 · 0 comments
Labels
topic: code Related to content of the project itself type: enhancement Proposed improvement

Comments

@kittaakos
Copy link
Contributor

kittaakos commented Mar 7, 2023 •
edited
Loading

Describe the request

Custom fonts, such as Open Sans, should be prefetched as it causes performance issues and is noticeable:

arduino-ide/arduino-ide-extension/src/browser/style/fonts.css

Lines 1 to 4 in 7721350

@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Bold-webfont.woff') format('woff');
}

Describe the current behavior

IDE2 loads the fonts on the fly, which causes a UI glitch:

Screen Shot 2023-03-07 at 12 56 55

Loading:
Screen Shot 2023-03-07 at 11 18 05

Loaded:
Screen Shot 2023-03-07 at 11 18 10

In action:

font-load.mp4

Related: #1217 (comment)

Arduino IDE version

2.0.4

Operating system

macOS

Operating system version

12.6.3

Additional context

No response

Issue checklist

  • I searched for previous requests in the issue tracker
  • I verified the feature was still missing when using the latest nightly build
  • My request contains all necessary details
@kittaakos kittaakos added type: enhancement Proposed improvement topic: code Related to content of the project itself labels Mar 7, 2023
@per1234 per1234 changed the title IDE2 should use a more efficient way to load custom fonts into the web application Use a more efficient way to load custom fonts into the web application Sep 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
topic: code Related to content of the project itself type: enhancement Proposed improvement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@kittaakos