Skip to content

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

Closed
alan-agius4 wants to merge 1 commit intoangular:masterfrom
alan-agius4:fix_no-inline-font
Closed

fix(@angular-devkit/build-angular): remove inlining of font files#11763
alan-agius4 wants to merge 1 commit intoangular:masterfrom
alan-agius4:fix_no-inline-font

Conversation

@alan-agius4
Copy link
Copy Markdown
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
Copy Markdown
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
Copy Markdown

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