Skip to content

fix(@angular-devkit/build-angular): remove inlining of font files #11763

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.

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

Closed
wants to merge 1 commit into from
Closed

fix(@angular-devkit/build-angular): remove inlining of font files #11763

wants to merge 1 commit into from

Conversation

alan-agius4
Copy link
Collaborator

@alan-agius4 alan-agius4 commented Aug 3, 2018

Inlining font files which are less than 10kb in CSS causes some issues;

  1. Fonts get downloaded with the stylesheet rather than one first usage. Since CSS resources get downloaded lazily.
  2. Differnt font files are used by different browsers. For instance woff2 cannot be used by older IOS, which means extra data over the wire that cannot be used.
  3. When using a lot of font variants and there are under 10Kb, it quickly adds up to the bundle size.
  4. Considering also HTTP2 not inlining recouces might be also be more befenifcial in some cases.

//cc @filipesilva & @clydin

Inlining font files which are less than 10KB in CSS causes some issues;
1. Fonts get downloaded with the stylesheet rather than one first usage. Since CSS resources get downloaded lazily.
2. Differnt font files are used by different browsers. For instance `woff2` cannot be used by older `IOS`, which means extra data over the wire that cannot be used.
3. When using a lot of font variants and there are under 10Kb, it quickly adds up to the bundle size.
4. Considering also `HTTP2` not inlining recouces might be also be more befenifcial in some cases.
@filipesilva filipesilva added the needs: discussion On the agenda for team meeting to determine next steps label Aug 7, 2018
@alan-agius4
Copy link
Collaborator Author

Superseeded by #11826

@alan-agius4 alan-agius4 closed this Aug 9, 2018
@alan-agius4 alan-agius4 deleted the fix_no-inline-font branch January 3, 2019 09:14
@hansl hansl removed needs: discussion On the agenda for team meeting to determine next steps labels Jan 24, 2019
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 12, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants